獲得內(nèi)容 - text()、html() 以及 val() 三個(gè)簡(jiǎn)單實(shí)用的用于 DOM 操作的 jQuery 方法：text() - 設(shè)置或返回所選元素的文本內(nèi)容 ----不能識(shí)別標(biāo)簽 html() - 設(shè)置或返回所選元素的內(nèi)容（包括 HTML 標(biāo)記） val() - 設(shè)置或返回表單字段的值----- 即登陸框輸入的內(nèi)容

?

常用選擇器

https://www.cnblogs.com/liwenzhou/p/8178806.html $("#id") $("tagName") $(".className") $("#id, .className, tagName") $("x y");// x的所有后代y（子子孫孫） $("x > y");// x的所有兒子y（兒子）

　　

常見篩選器

:first // 第一個(gè) :last // 最后一個(gè) :eq(index)// 索引等于index的那個(gè)元素 :not(元素選擇器)// 移除所有滿足not條件的標(biāo)簽 :has(元素選擇器)// 選取所有包含一個(gè)或多個(gè)標(biāo)簽在其內(nèi)的標(biāo)簽(指的是從后代元素找) 例子 $("div:has(h1)")// 找到所有后代中有h1標(biāo)簽的div標(biāo)簽 $("div:has(.c1)")// 找到所有后代中有c1樣式類的div標(biāo)簽 $("li:not(.c1)")// 找到所有不包含c1樣式類的li標(biāo)簽 $("li:not(:has(a))")// 找到所有后代中不含a標(biāo)簽的li標(biāo)簽

　　

屬性選擇器

屬性選擇器 [attribute] [attribute=value]// 屬性等于 [attribute!=value]// 屬性不等于 // 示例 <input type="text"> <input type="password"> <input type="checkbox"> $("input[type='checkbox']");// 取到checkbox類型的input標(biāo)簽 $("input[type!='text']");// 取到類型不是text的input標(biāo)簽

　　

表單篩選器

表單常用篩選： :text :password :file :radio :checkbox:submit :reset :button 例子 $(":checkbox") // 找到所有的checkbox 表單對(duì)象屬性: :enabled :disabled :checked :selected例子一 <form><input name="email" disabled="disabled" /><input name="id" /> </form>$("input:enabled") // 找到可用的input標(biāo)簽 例子二 <select id="s1"><option value="beijing">北京市</option><option value="shanghai">上海市</option><option selected value="guangzhou">廣州市</option><option value="shenzhen">深圳市</option> </select>$(":selected") // 找到所有被選中的option

　　

常用篩選器

$("#id").next() ------匹配之后緊挨的同輩元素 $("#id").nextAll() ------匹配之后所有的同輩元素　 $("#id").children();// 所有兒子們 $("#id").siblings();// 所有兄弟們 $("#id").parent() $("#id").parents() // 查找當(dāng)前元素的所有的父輩元素

　　

常用樣式操作

addClass();// 添加指定的CSS類名。 removeClass();// 移除指定的CSS類名。 scrollTop()// 獲取匹配元素相對(duì)滾動(dòng)條頂部的偏移 scrollLeft()// 獲取匹配元素相對(duì)滾動(dòng)條左側(cè)的偏移
hasClass();// 判斷樣式存不存在
toggleClass();// 切換CSS類名，如果有就移除，如果沒有就添加。

　　

?

文本操作

HTML代碼：html()// 取得第一個(gè)匹配元素的html內(nèi)容 html(val)// 設(shè)置所有匹配元素的html內(nèi)容 文本值：text()// 取得所有匹配元素的內(nèi)容 text(val)// 設(shè)置所有匹配元素的內(nèi)容 值：val()// 取得第一個(gè)匹配元素的當(dāng)前值 val(val)// 設(shè)置所有匹配元素的值 val([val1, val2])// 設(shè)置checkbox、select的值 示例：獲取被選中的checkbox或radio的值：<label for="c1">女</label> <input name="gender" id="c1" type="radio" value="0"> <label for="c2">男</label> <input name="gender" id="c2" type="radio" value="1">

可以使用 $("input[name='gender']:checked").val()

　克隆

clone()// 參數(shù)

　　

?

文檔處理

添加到指定元素內(nèi)部的后面$(A).append(B)// 把B追加到A添加到指定元素內(nèi)部的前面$(A).prepend(B)// 把B前置到A添加到指定元素外部的后面$(A).after(B)// 把B放到A的后面 添加到指定元素外部的前面$(A).before(B)// 把B放到A的前面 $(A).insertBefore(B)// 把A放到B的前面 移除和清空元素remove()// 從DOM中刪除所有匹配的元素。empty()// 刪除匹配的元素集合中所有的子節(jié)點(diǎn)。（不常用）

　　

?

轉(zhuǎn)載于:https://www.cnblogs.com/shanjinghao/p/9147249.html

總結(jié)

以上是生活随笔為你收集整理的jquery(2)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。