關於jquery方面的知識點

標籤：插入   size   文本   顯示   win   返回   int   沒有   odi   

jquery向上尋找父元素 用到的方法：closest() parents() parent()

closest() 方法獲得匹配選取器的第一個祖先元素 [*]parent()函數是只往父級找一層；[*]parents()函數是往父級找多層，一直找到body標籤。

向下尋找子項目 用到的方法：find() children()

通過children擷取的是該元素的下級元素，而通過find擷取的是該元素的下級所有元素。

獲得元素相對於選取器的 index 位置。

該元素可以通過 DOM 元素或 jQuery 選取器來指定。$(selector).index(element)

 

獲得內容 - text()、html() 以及 val()
三個簡單實用的用於 DOM 操作的 jQuery 方法：
text() - 設定或返回所選元素的常值內容
html() - 設定或返回所選元素的內容（包括 HTML 標籤）
val() - 設定或返回表單欄位的值

window.onload=function()
{
var oDiv=document.getElementByIdx_x(‘box‘);
//alert(oDiv.innerHTML) //返回 p標籤，與p標籤裡面的內容
//alert(oDiv.outerHTML); //完全顯示，div與p 標籤和p標籤裡面的內容
//alert(oDiv.innerText); //只返回p標籤裡面的常值內容
alert(oDiv.outerText) //只返回p標籤裡面的常值內容
}
<div id="box"><p>這是javascript常值內容</p></div>

設定內容 - text()、html() 以及 val()
我們將使用前一章中的三個相同的方法來設定內容：
text() - 設定或返回所選元素的常值內容
html() - 設定或返回所選元素的內容（包括 HTML 標籤） $("#msg").html("<font color=red size=4>請輸入授權碼</font>").show();
val() - 設定或返回表單欄位的值

添加新的 HTML 內容
我們將學慣用於添加新內容的四個 jQuery 方法：
append() - 在被選元素的結尾插入內容
prepend() - 在被選元素的開頭插入內容
after() - 在被選元素之後插入內容
before() - 在被選元素之前插入內容

刪除元素/內容
如需刪除元素和內容，一般可使用以下兩個 jQuery 方法：
remove() - 刪除被選元素（及其子項目）
empty() - 從被選元素中刪除子項目

Query toggleClass() 方法
下面的例子將展示如何使用 jQuery toggleClass() 方法。該方法對被選元素進行添加/刪除類的切換操作：
執行個體
$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});

jQuery width() 和 height() 方法
width() 方法設定或返回元素的寬度（不包括內邊距padding、邊框border或外邊距margin）。
height() 方法設定或返回元素的高度（不包括內邊距、邊框或外邊距）。

jQuery innerWidth() 和 innerHeight() 方法
innerWidth() 方法返回元素的寬度（包括內邊距padding）。
innerHeight() 方法返回元素的高度（包括內邊距）。

jQuery outerWidth() 和 outerHeight() 方法
outerWidth() 方法返回元素的寬度（包括內邊距和邊框）。
outerHeight() 方法返回元素的高度（包括內邊距和邊框）。

jQuery children() 方法
children() 方法返回被選元素的所有直接子項目。

jQuery next() 方法
next() 方法返回被選元素的下一個同胞元素。
該方法只返回一個元素。

jQuery nextAll() 方法
nextAll() 方法返回被選元素的所有跟隨的同胞元素。

三個最基本的過濾方法是：first(), last() 和 eq()，它們允許您基於其在一組元素中的位置來選擇一個特定的元素。
其他過濾方法，比如 filter() 和 not() 允許您選取匹配或不匹配某項指定標準的元素。
jQuery not() 方法
not() 方法返回不匹配標準的所有元素。
提示：not() 方法與 filter() 相反。
下面的例子返回不帶有類名 "intro" 的所有 <p> 元素：
執行個體
$(document).ready(function(){
$("p").not(".intro");
});

將jquery對象轉換成dom對象
var $cr = $("#cr");
var cr = $cr[0];
dom 方法：cr.checked
jquery 方法：$cr.is(":checked")

var random = parseInt(Math.random()*(12-3+1) +3 )
$("section.main-page").each(function(index,value){
$(this).attr("id","page"+index);
})
var Id = $("section.main-page").attr("id");
if(random = Id){
$("#page+Id ").hide()
}

tar.index(arr[i]).find("li").

jquery.inarray(value,array)
確定第一個參數在數組中的位置(如果沒有找到則返回 -1 )。

關於jquery方面的知識點