需要準(zhǔn)備的材料分別有:電腦、html編輯器、瀏覽器。
成都創(chuàng)新互聯(lián)公司主營(yíng)微山網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,重慶APP開(kāi)發(fā)公司,微山h5微信小程序搭建,微山網(wǎng)站營(yíng)銷(xiāo)推廣歡迎微山等地區(qū)企業(yè)咨詢(xún)
1、首先,打開(kāi)html編輯器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script標(biāo)簽,輸入jquery代碼:
$('body').append($('#c').parent().prev().attr('id'));
3、瀏覽器運(yùn)行index.html頁(yè)面,此時(shí)成功獲取了id為c的元素的父元素的上一個(gè)元素的id并打印了出來(lái)。
使用 each?方法, 假設(shè)你的?jQuer?元素是 el ,?大概代碼是:
$(el).each(function(index,el){
console.log( $(el).attr('id') );
})
each?是 jQuery?提供的遍歷方法,第一個(gè)參數(shù)是索引,第二個(gè)參數(shù)是遍歷對(duì)象的值。
$("#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ù)組,如果確定屬性為同一值,則沒(méi)問(wèn)題,否則應(yīng)該循環(huán)取得控件,再取屬性值。
如:$("#textId")[0].width是取第一個(gè)控件的width屬性。
但也有寫(xiě)屬性用attr取不到,也需要用角標(biāo)的方式取得控件后在取屬性。
1、查找子元素方式1:
例如:var
aNods
=
$("ul
a");查找ul下的所有a標(biāo)簽
2、查找子元素方式2:children()
3、查找子元素方式3:find()
通過(guò)下標(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");
通過(guò)查詢(xún)屬性獲?。?('element').attr('id')
定義和用法
attr() 方法設(shè)置或返回被選元素的屬性值。
根據(jù)該方法不同的參數(shù),其工作方式也有所差異。
使用Jquery獲取某個(gè)div時(shí)需要這樣:前臺(tái)使用EL進(jìn)行迭代LIST生成div,為其添加動(dòng)態(tài)的id,生成之后變成下面樣式
div id="tz-1"/div
div id="tz-2"/div
div id="tz-3"/div
div id="tz-4"/div
div id="tz-5"/div
div id="tz-6"/div
注意:我們?cè)谑褂肑query獲取某個(gè)div時(shí)需要這樣寫(xiě)
$("#" + 所定義的id變量名);
而不能寫(xiě)成這樣
$("#所定義的id變量名");
擴(kuò)展資料:
jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架,是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)(或JavaScript框架)。jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫(xiě)更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動(dòng)畫(huà)設(shè)計(jì)和Ajax交互。
ID選擇器:選擇具有給定id屬性的單個(gè)元素。
對(duì)于id選擇器,jQuery使用JavaScript函數(shù)document.getElementById(),這是非常有效的。當(dāng)另一個(gè)選擇器連接到id選擇器時(shí),如H2#頁(yè)滴,jQuery在將元素標(biāo)識(shí)為匹配之前執(zhí)行額外的檢查。
呼叫jQuery()(或$()),以id選擇器作為其參數(shù),將返回一個(gè)jQuery對(duì)象,該對(duì)象包含一個(gè)包含0或一個(gè)DOM元素的集合。
各ID值只能在文檔中使用一次。如果已為多個(gè)元素分配了相同的ID,則使用該ID的查詢(xún)只會(huì)選擇DOM中的第一個(gè)匹配元素。但是,不應(yīng)依賴(lài)此行為;使用相同ID的多個(gè)元素的文檔無(wú)效。
如果id包含像句點(diǎn)或冒號(hào)這樣的字符,則必須用反斜杠轉(zhuǎn)義那些字符.
參考資料:
百度百科 jQuery
Jquery官方API -ID Selector