jquery-重要的方法和注意事項__javascript

1、在使用jquery添加事件時，最容易出錯的就是當前使用的對象到底是dom還是jquery對象

jquery對象和dom對象互換

dom轉換為jquery                              jquery 轉為dom

var obj;                                                         var jq = $(#div1");

var jq = $(obj);                          var obj = $(jq)[0];

2、jquery添加事件，全部是現代事件添加，一個事件可以綁定多個函數

$(function() 相當於window.onload = function(){} 而jquery兩個方法都可以被被執行，一個事件

可以綁定多個函數。同樣的適用於onclick   change 。

$(function(){    alert("編程技術");

});

$(function(){    alert("網頁技術");

});

3、jquery元素設定值和獲得值

設定、獲得標籤中的內容（相當於innerHMTL），其中的內容和value要注意區分。

$("#div1").html("<p>aaa</p>");//設定內容

alert($("#div1").htmle());//獲得內容

設定、獲得value值

$("#userName").val("張三")；//設定value值

$("#userName").val();//獲得值

對於span沒有value屬性可以自訂一個屬性

<divid="titleDiv">

<spanvalue="編程技術"id="defSpan">編程技術</span>

<spanvalue="電腦網路">電腦網路</span>

</div>

通過attr來獲得他的屬於值

alert($("#titleDivspan").attr("value")) 4、jquery常用的方法

4.1 jquery元素選取器

 var msg = $("#div1 label");//已知id號可以這樣用

 var msg = $("#div1").find("label")//已知對象 例如：vartdArray=trObj.find("td");

4.2 jquery獲得子項目的值

取得資料第幾個元素，返回dom對象

$("#div1label")[1].innerHTML;

遍曆數組

$("#div1label").each(function (index,data){

index為迴圈變數,data為數組中的DOM元素

alert(this.innerHTML);

}); 4.3 下拉框多選，和複選框的多選。

首先要給select加multiple屬性

<select id="leftSelect"multiple >    <option>張靈甫</option>    <option>杜律明</option>    <option>薛嶽</option>    <option>戴安瀾</option>    <option>王耀武</option>    <option>李宗仁</option></select>

獲得方法：    完整代碼稍後附在後面

<input type="button" value=">" onclick="$('#rightSelect').append($('#leftSelect option:selected'));"><br>

複選框，可以只用看它的checked屬性

$(function(){    $("#headBox").click(function(){        var x = this.checked;        //得到所有name屬性為stuidy元素集合        $("[name = stuId]").each(function(){            this.checked = x;        })    });});

單選框和複選框判斷是否選中：checked  

列表框和下拉框判斷是否選中：selected

4.4jquery動態查詢

如果包含所要查詢的queryStr則為true

if(book[id].name.indexOf(queryStr)!=-1){

｝

4.5 通過name,type,class獲得元素

$("#data .aa").each(function(){} 獲得類型為aa的子項目

[name = stuId]"  獲得name為指定內容的元素

input[type=text]  獲得類型為text的元素

empty