好程序員 帶你認(rèn)識(shí) “jQuery” ， jQuery是JavaScript的一個(gè)類庫(kù)，$符號(hào)它對(duì)于jQuery他們是等價(jià)的，$(""li)找到所有的li。下面，跟著 好程序員 的腳步，去了解一下它的選擇器的一些主要功能。

創(chuàng)新互聯(lián)公司致力于網(wǎng)站建設(shè),網(wǎng)站制作設(shè)計(jì),營(yíng)銷網(wǎng)頁(yè)定制網(wǎng)站設(shè)計(jì),外貿(mào)營(yíng)銷網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),小程序定制開發(fā),網(wǎng)站SEO優(yōu)化,網(wǎng)站設(shè)計(jì)制作案例豐富,是成都做網(wǎng)站公司和建站公司,歡迎咨詢。

　　選擇器 :基本選擇器、層級(jí)選擇器、屬性選擇器與CSS類似。

　　 基本篩選器

　　$('li:first') //第一個(gè)元素

　　$('li:last') //最后一個(gè)元素

　　$("tr:even") //索引為偶數(shù)的元素，從 0 開始

　　$("trdd") //索引為奇數(shù)的元素，從 0 開始

　　$("tr:eq(1)") //給定索引值的元素

　　$("tr:gt(0)") //大于給定索引值的元素

　　$("tr:lt(2)") //小于給定索引值的元素

　　$(":focus") //當(dāng)前獲取焦點(diǎn)的元素

　　$(":animated") //正在執(zhí)行動(dòng)畫效果的元素

　　first()

　　last()

　　next() nextAll()

　　prev() prevAll()

　　siblings 除了自身以外的數(shù)

　　find() 空格 查找后再元素 find(“p”)

　　chilren() 查找子代

　　$(“l(fā)i.box”) 等價(jià)于filter

　　 內(nèi)容選擇器

　　$("div:contains('nick')") //包含nick文本的元素

　　$("td:empty") //不包含子元素或者文本的空元素

　　$("div:has(p)") //含有選擇器所匹配的元素

　　$("td:parent") //含有子元素或者文本的元素

　　 表單選擇器

　　$(":input") //匹配所有 input, textarea, select 和 button 元素

　　$(":text") //所有的單行文本框

　　$(":password") //所有密碼框

　　$(":radio") //所有單選按鈕

　　$(":checkbox") //所有復(fù)選框

　　$(":submit") //所有提交按鈕

　　$(":reset") //所有重置按鈕

　　$(":button") //所有button按鈕

　　$(":file") //所有文件域

　　$("input:checked") //所有選中的元素

　　$("select option:selected") //select中所有選中的option元素

　　 篩選器

　　過(guò)濾

　　$("p").eq(0) //當(dāng)前操作中第N個(gè)jQuery對(duì)象,類似索引

　　$('li').first() //第一個(gè)元素

　　$('li').last() //最后一個(gè)元素

　　$(this).hasClass("test") //元素是否含有某個(gè)特定的類,返回布爾值

　　$('li').has('ul') //包含特定后代的元素

　　查找

　　$("div").children() //div中的每個(gè)子元素,第一層

　　$("div").find("span") //div中的包含的所有span元素,子子孫孫

　　$("p").next() 　　　//緊鄰p元素后的一個(gè)同輩元素

　　$("p").nextAll() //p元素之后所有的同輩元素

　　$("#test").nextUntil("#test2") //id為"#test"元素之后到id為'#test2'之間所有的同輩元素,掐頭去尾

　　$("p").prev() //緊鄰p元素前的一個(gè)同輩元素

　　$("p").prevAll() //p元素之前所有的同輩元素

　　$("#test").prevUntil("#test2") //id為"#test"元素之前到id為'#test2'之間所有的同輩元素,掐頭去尾

　　$("p").parent() //每個(gè)p元素的父元素

　　$("p").parents() //每個(gè)p元素的所有祖先元素,body,html

　　$("#td1").parentsUntil("#td2") //id為"#td1"元素到id為'#td2'之間所有的父級(jí)元素,掐頭去尾

　　$("div").siblings() //所有的同輩元素,不包括自己

　　CSS操作

　　樣式

　　$("p").css("color"); //訪問(wèn)查看p元素的color屬性

　　$("p").css("color","red"); //設(shè)置p元素的color屬性為red

　　$("p").css({ "color": "red", "background": "yellow" });

　　//設(shè)置p元素的color為red，background屬性為yellow(設(shè)置多個(gè)屬性要用{}字典形式)

名稱欄目：好程序員帶你認(rèn)識(shí)“jQuery”-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)URL：http://weahome.cn/article/ehdsc.html