jquery基礎

一、基本選擇器：

       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()

 操作相關元素

一、查找

 父級：

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

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

 子級：children（）

兄弟/平級：

 哥：   prev()

           prevall(選擇器)

 弟：    next()   下一個

         nextall(選擇器)

 二、操作

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

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

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

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

 移除：

    empty（）  清空內部全部元素

    remove()    移除元素

 註意：如果js不是寫在最後，開頭需要加上    $(document).ready(function(){在這裡面寫});