jquery
創(chuàng)新互聯(lián)公司擁有一支富有激情的企業(yè)網(wǎng)站制作團(tuán)隊(duì),在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)深耕十多年,專業(yè)且經(jīng)驗(yàn)豐富。十多年網(wǎng)站優(yōu)化營銷經(jīng)驗(yàn),我們已為成百上千中小企業(yè)提供了做網(wǎng)站、成都網(wǎng)站制作解決方案,按需網(wǎng)站策劃,設(shè)計(jì)滿意,售后服務(wù)無憂。所有客戶皆提供一年免費(fèi)網(wǎng)站維護(hù)!
獲取
div
之間的內(nèi)容,有兩種方法,$(selector).text()、$(selector).html()
。
html:
1
2
3
test
$("div").text()
得到的是
test,是
div
的純文本,會(huì)自動(dòng)忽略
html
標(biāo)簽
。
$("div").html()
得到的是
test
,是
div
的所有內(nèi)容,包括
html
標(biāo)簽,它有個(gè)好處是可以將
得到的標(biāo)簽與文字
直接再利用,比如添加到頁面其他地方之類的操作
。
$("#div_id").height();
// 獲得的是該div本身的高度, (不包含padding,margin,border)
$("#div_id").outerHeight();
// 包含該div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
$("#div_id").outerHeight(true);
// 包含該div本身的高度, 以及padding,border,margin上下的總高度
$(window).height();
// 獲取瀏覽器顯示區(qū)域(可視區(qū)域)的高度
$(window).width();
// 獲取頁面的文檔高度
$(document).height();
// 瀏覽器當(dāng)前窗口文檔的高度
$(document.body).width();
// 瀏覽器當(dāng)前窗口文檔body的高度
$(document).scrollTop();
// 獲取滾動(dòng)條到頂部的垂直高度 (即網(wǎng)頁被卷上去的高度)
obj.offset().top
// 某個(gè)元素的上邊界到body最頂部的距離(在元素的包含元素不含滾動(dòng)條的情況下)
在jQuery輸入元素表達(dá)式屬性名即可得到。
如:
1.$("#textId").attr("width")是獲取Id為textId的控件的width屬性。
2.$(".className").attr("width")是獲取包含class名為className的控件的width屬性。
3.$("[name=textName]").attr("width")是獲取name為textName的控件的width屬性。
但要注意,jquery取到的可能是一個(gè)數(shù)組,如果確定屬性為同一值,則沒問題,否則應(yīng)該循環(huán)取得控件,再取屬性值。如:$("#textId")[0].width是取第一個(gè)控件的width屬性。但也有寫屬性用attr取不到,也需要用角標(biāo)的方式取得控件后再取屬性。
jQuery是一個(gè)快速、簡潔的JavaScript框架,是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互。
jQuery的核心特性可以總結(jié)為:具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進(jìn)行擴(kuò)展;擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
Jquery獲取子元素的方法有2種,分別是children()方法和find()方法。
1.children()方法:獲取該元素下的直接子集元素
2.find()方法:獲取該元素下的所有子集元素
3.children()方法獲取ul下面直接子集元素li:$("ul").children("li")
4.find()方法獲取ul下所有元素li:$("ul").find("li")
5.children和find的區(qū)別:children只會(huì)查找直接子集,而find會(huì)跨越層級查找,一直找到?jīng)]有為止。
1、新建一個(gè)HTML文檔,并定義若干個(gè)帶有class屬性的p元素。
2、新建一個(gè)JS操作,并獲取選擇器匹配的第一個(gè)元素。
3、保存以上文件,在瀏覽器預(yù)覽效果,得到的是第一個(gè)匹配的Class元素。
4、如果想要選擇器匹配所有符合的元素,則需要使用選擇器。
5、對方法獲取的元素集合,進(jìn)行遍歷輸出。
6、保存以上內(nèi)容,在瀏覽器預(yù)覽效果。