jQuery是一個輕量級的js庫

選擇器

基本選擇器

元素選擇器：$(“标簽名”)

類選擇器：$(“.class”)

id選擇器：$(“#id”)

選擇器組：$(“#d1,.importent”)

添加一個 按鈕，使段落的字體放大

層次選擇器

在select1元素下，選中所有滿足select2的子孫元素：$(“select1 select2”)

在select1元素下，選中所有滿足select2的子元素：$(“select1>select2”)

選中select1元素的，滿足select2的下一個弟弟：$(“select1 select2”)

選中select1元素的，滿足select2的所有弟弟：$(“select1~select2”)

過濾選擇器

第一個元素 ——:first

最後一個元素——:last

把selector排除在外——:not(selector)

下标等于index的元素——:eq(index)

匹配包含給定文本的元素——:contains(text)

匹配屬性等于value的元素——:[atribute=value]

匹配選中的checkbox——:checked

匹配選中的option——:selected

表單選擇器

操作DOM

讀寫節點

讀寫html内容：obj.html()/obj.html("<p>123</p>")

讀寫文本内容：obj.text()/obj.text(“123”)

讀寫節點的value屬性值：obj.val()/obj.val(“abc”)

讀寫節點的屬性值：obj.attr()/obj.val(“屬性名”,”屬性值”)

增删節點

創建節點：$(“節點内容”)

插入節點：parent.append(obj)作為最後一個子節點添加；brother.after(obj)作為下一個兄弟節點添加

删除節點：obj.remove()

清空節點：obj.empty()

樣式操作

addClass(“”)：追加樣式

removeClass(“”):移除指定樣式

css(“”,”“):設置多個樣式

DOM與jQuery

jQuery轉DOM

var $v =$("#v") ; //jQuery對象

var v1=$v[0]; //DOM對象

var v2=$v.get(0); //DOM對象

DOM轉jQuery

var v=document.getElementById("v"); //DOM對象

var $v=$(v); //jQuery對象

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!