jquery基礎

 

1、基本選擇器：

       ID選擇器：$("#id名稱")
       例如：$("#div1").css("width","100px");
       CLASS選擇器：$(".id名稱")
       並列$("#id名稱，#id名稱")
       後代$("#id名稱 名稱")
二.過濾選擇器

       第一個：$(".id名稱：first")
       最後一個：$(".id名稱：last")
       任意一個：$(".id名稱").eq(索引號)或者是$(".id名稱：eq(索引號)")
       大於：$(".id名稱：gt(索引號)")
       小於：$(".id名稱：lt(索引號)")
       不等於：$(".id名稱：not(索引號)")
       奇數：$(".id名稱:odd")
三。內容過濾

       偶數：$(".id名稱:even")
      屬性名：$(".id名稱[屬性名]")
      屬性名的操做：$(".id名稱[屬性名]").css("width","100px");
      內容過濾：$(".id名稱:contains('字符串')")
       子元素：$(".id名稱:has('子元素'))

事件：

       常規事件：把on去掉
       複合事件：

hover：     ：hover（function(){},function(){}）；

 

                 :toggle(function(){},function(){},function(){},function(){}......);

 

 冒泡事件：

五個div依次嵌套

效果：

事件：點擊彈出id名稱

這樣就會點擊最小的div，會依次彈出全部的div 的id名稱

解決方法：return   false

DOM操做：

操做屬性、方法、樣式

屬性

 

 

 

第一個：點擊按鈕，txt1隱藏；第二個：點擊按鈕，查詢txt1的背景色，更改按鈕2 的背景色

 操做表單元素：

 

取值：  var d=$("選擇器").val()       賦值：   $("選擇器").val("值")

 非表單元素：

取值：   $("選擇器").html("內容"),$("選擇器").text("內容")

 賦值： var s=$("選擇器").html("內容"), var s =$("選擇器").text()

 

 操做相關元素

1、查找

 父級：

父級的父級就再加一個parent（）

 選中某個父級：.parents（"#id"）

 子級：children（）

兄弟/平級：

 

 哥：   prev()

           prevall(選擇器)

 弟：    next()   下一個

         nextall(選擇器)

 

 2、操做

新建：$("HTML字符串")

 添加：  appen(jquery對象)   內部添加

            after（,....）      下部平級添加

          before（"......"）       上部平級添加

 移除：

    empty（）  清空內部所有元素

    remove()    移除元素

 

 

 注意：若是js不是寫在最後，開頭須要加上    $(document).ready(function(){在這裏面寫});