在jQuery輸入元素表達式屬性名即可得到。
成都創(chuàng)新互聯(lián)長期為超過千家客戶提供的網站建設服務,團隊從業(yè)經驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網生態(tài)環(huán)境。為虎林企業(yè)提供專業(yè)的成都網站建設、成都網站設計,虎林網站改版等技術服務。擁有10多年豐富建站經驗和眾多成功案例,為您定制開發(fā)。
如:
1.$("#textId").attr("width")是獲取Id為textId的控件的width屬性。
2.$(".className").attr("width")是獲取包含class名為className的控件的width屬性。
3.$("[name=textName]").attr("width")是獲取name為textName的控件的width屬性。
但要注意,jquery取到的可能是一個數組,如果確定屬性為同一值,則沒問題,否則應該循環(huán)取得控件,再取屬性值。如:$("#textId")[0].width是取第一個控件的width屬性。但也有寫屬性用attr取不到,也需要用角標的方式取得控件后再取屬性。
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設計模式,優(yōu)化HTML文檔操作、事件處理、動畫設計和Ajax交互。
jQuery的核心特性可以總結為:具有獨特的鏈式語法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
1、新建一個HTML文檔,并定義若干個帶有class屬性的p元素。
2、新建一個JS操作,并獲取選擇器匹配的第一個元素。
3、保存以上文件,在瀏覽器預覽效果,得到的是第一個匹配的Class元素。
4、如果想要選擇器匹配所有符合的元素,則需要使用選擇器。
5、對方法獲取的元素集合,進行遍歷輸出。
6、保存以上內容,在瀏覽器預覽效果。
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只會查找直接子集,而find會跨越層級查找,一直找到沒有為止。
$("#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();
// 瀏覽器當前窗口文檔的高度
$(document.body).width();
// 瀏覽器當前窗口文檔body的高度
$(document).scrollTop();
// 獲取滾動條到頂部的垂直高度 (即網頁被卷上去的高度)
obj.offset().top
// 某個元素的上邊界到body最頂部的距離(在元素的包含元素不含滾動條的情況下)