可以在元素創(chuàng)建之后獲取,也可以在on事件當(dāng)前動(dòng)態(tài)監(jiān)聽元素的變化。
成都創(chuàng)新互聯(lián)主要業(yè)務(wù)有網(wǎng)站營(yíng)銷策劃、成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、微信公眾號(hào)開發(fā)、微信小程序定制開發(fā)、H5場(chǎng)景定制、程序開發(fā)等業(yè)務(wù)。一次合作終身朋友,是我們奉行的宗旨;我們不僅僅把客戶當(dāng)客戶,還把客戶視為我們的合作伙伴,在開展業(yè)務(wù)的過程中,公司還積累了豐富的行業(yè)經(jīng)驗(yàn)、網(wǎng)絡(luò)營(yíng)銷推廣資源和合作伙伴關(guān)系資源,并逐漸建立起規(guī)范的客戶服務(wù)和保障體系。
如果是確定的結(jié)構(gòu),可以在元素創(chuàng)建之后獲取id的值。
如果不確定,可以使用on方法,參數(shù)加上需要監(jiān)聽的元素,在創(chuàng)建完成之后就可以自動(dòng)獲取了。
1、根據(jù)div標(biāo)簽獲取所有的div節(jié)點(diǎn)
var divs = $('div');//獲取所有的div節(jié)點(diǎn)
2、獲取div的id
divs.each(function(k,v){//通過each循環(huán)每個(gè)div節(jié)點(diǎn)
alert(this.id);//獲取div節(jié)點(diǎn)的id值
});
$("#textId").attr("width")是獲取Id為textId的控件的width屬性。
$(".className").attr("width")是獲取包含class名為className的控件的width屬性。
$("[name=textName]").attr("width")是獲tml xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title獲取元素屬性/title
script type="text/javascript" src="jquery.js"/script
style type="text/css"
a{text-decoration:none;}
li{list-style-type:none; }
取name為textName的控件的width屬性。
但要注意,jquery取到的可能是一個(gè)數(shù)組,如果確定屬性為同一值,則沒問題,否則應(yīng)該循環(huán)取得控件,再取屬性值。
如:$("#textId")[0].width是取第一個(gè)控件的width屬性。
但也有寫屬性用attr取不到,也需要用角標(biāo)的方式取得控件后在取屬性。
$("#id")獲取這個(gè)對(duì)象,獲取對(duì)象屬性的話$("#id").attr("屬性名")
jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架,是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)(或JavaScript框架)。jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互。
jQuery的核心特性可以總結(jié)為:具有獨(dú)特的鏈?zhǔn)秸Z(yǔ)法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對(duì)CSS選擇器進(jìn)行擴(kuò)展;擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
2007年7月,jQuery 1.1.3版發(fā)布,這次小版本的變化包含了對(duì)jQuery選擇符引擎執(zhí)行速度的顯著提升。從這個(gè)版本開始,jQuery的性能達(dá)到了Prototype、Mootools以及Dojo等同類JavaScript庫(kù)的水平。同年9月,jQuery 1.2版發(fā)布,它去掉了對(duì)XPath選擇符的支持,原因是相對(duì)于CSS語(yǔ)法它已經(jīng)變得多余了。這一版能夠?qū)πЧM(jìn)行更為靈活的定制,而且借助新增的命名空間事件,也使插件開發(fā)變得更容易。同時(shí),jQuery UI項(xiàng)目也開始啟動(dòng),這個(gè)新的套件是作為曾經(jīng)流行但已過時(shí)的Interface插件的替代項(xiàng)目而發(fā)布的。jQuery UI中包含大量預(yù)定義好的部件(widget),以及一組用于構(gòu)建高級(jí)元素(例如可拖放、拖拽、排序)的工具。
2008年5月,jQuery 1.2.6版發(fā)布,這版主要是將Brandon Aaron開發(fā)的流行的Dimensions插件的功能移植到了核心庫(kù)中,同時(shí)也修改了許多BUG,而且有不少的性能得到提高。因此,如果以前的jQuery版本升級(jí)到1.2.6,那么完全可以從代碼中排除Dimensions插件(一個(gè)獲得元素尺寸、定位的插件)。
在jQuery迅速發(fā)展的同時(shí),一些大的廠商也看中了商機(jī)。2009年9月,微軟和諾基亞公司正式宣布支持開源的jQuery庫(kù),另外,微軟公司還宣稱他們將把jQuery作為Visual Studio工具集的一部分。他將提供包括jQuery的智能提示、代碼片段、示例文檔編制等內(nèi)容在內(nèi)的功能。微軟和諾基亞公司將長(zhǎng)期成為jQuery的用戶成員,其他成員還有Google,Intel,IBM,Intuit等公司。
2009年1月,jQuery 1.3版發(fā)布,它使用了全新的選擇符引擎Sizzle,在各個(gè)瀏覽器下全面超越其他同類型JavaScript框架的查詢速度,程序庫(kù)的性能也因此有了極大提升。這一版本的第2個(gè)變化就是提供live()方法,使用live()方法可以為當(dāng)前及將來增加的元素綁定事件,在1.3版之前,如果要為將來增加的元素綁定事件,需要使用livequery插件,而在1.3版中,可以直接用live()方法。
1、查找子元素方式1:
例如:var
aNods
=
$("ul
a");查找ul下的所有a標(biāo)簽
2、查找子元素方式2:children()
3、查找子元素方式3:find()
通過下標(biāo)獲取第n個(gè)子標(biāo)簽的ID值
1.var
num1=$("ul
a:eq(0)").attr("ID");
2.var
num2=$("ul").children("a:eq(0)").attr("ID");
3.var
num3=$("ul").find("a:eq(0)").attr("ID");
jquery獲取的id值并設(shè)置為不可點(diǎn)擊狀態(tài)思路如下:
1、定義dom對(duì)象,以div為例
div id="div1"測(cè)試用div/div
2、定義js方法完成不可點(diǎn)擊狀態(tài)的鎖定
var divObj = $("#div1") //獲取dom對(duì)象
divObj.attr("id","div0");//修改id的值
divObj.regClick=false //設(shè)置不可點(diǎn)擊