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

?

常用選擇器

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

　　

常見篩選器

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

　　

屬性選擇器

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

　　

表單篩選器

表單常用篩選： :text :password :file :radio :checkbox:submit :reset :button 例子 $(":checkbox") // 找到所有的checkbox 表單對象屬性: :enabled :disabled :checked :selected例子一 <form><input name="email" disabled="disabled" /><input name="id" /> </form>$("input:enabled") // 找到可用的input標簽 例子二 <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() // 查找當前元素的所有的父輩元素

　　

常用樣式操作

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

　　

?

文本操作

HTML代碼：html()// 取得第一個匹配元素的html內容 html(val)// 設置所有匹配元素的html內容 文本值：text()// 取得所有匹配元素的內容 text(val)// 設置所有匹配元素的內容 值：val()// 取得第一個匹配元素的當前值 val(val)// 設置所有匹配元素的值 val([val1, val2])// 設置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()// 參數

　　

?

文檔處理

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

　　

?

轉載于:https://www.cnblogs.com/shanjinghao/p/9147249.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。