jQurey 的選擇器

入口函數寫法：

$(document).ready(function(){ //入口函數

//程序實現部分

});

第二種寫法：

$(function(){

//程序實現部分

});

 

jquery:點擊事件添加：

$("元素").click(function(){

//語句

})

判斷參數：

typeof 判斷參數

js 與jquery 的入口函數的區別：

1 js 的window.onload 事件是等到全部內容加載完以後 去纔會去執行

2.jQuery 的入口函數是在 html 全部表情加載以後 就會去執行

 

js 建立對象的三種方式：

1.var obj={}

2.var obj1=new Object();

3.var obj2=Object.create();

推薦使用第一個方式，第二種存在效率問題。

 

css中的迭代屬性：

$("li").css("font-size",function(index,value){

//index: 指定當前元素的索引號！

//value: 指向當前元素的要誰知的屬性，此處指background-color

 

return (index+1)*10+"px";

});

 

基本過濾選擇器

基本過濾選擇器
符號	說明	用法
:eq(index)	index是從0開始的一個數字，選擇序號爲index的元素。選擇第一個匹配的元素。	$(「li:eq(1)」). css(「background」,」red」)
:gt(index)	Index 是從0開始的一個數字，選擇序號大於index的元素	$(「li:gt(2)」). css(「background」,」red」)
:lt(index)	Index是從0開始的一個數字，選擇小於index 的元素	$(「li:lt(2)」). css(「background」,」red」)
:odd	選擇全部序號爲奇數行的元素	$(「li:odd」). css(「background」,」red」)
:even	選擇全部序號爲偶數的元素	$(「li:even」). css(「background」,」red」)
:first	選擇匹配第一個元素	$(「li:first」). css(「background」,」red」)
:last	選擇匹配的最後一個元素	$(「li:last」). css(「background」,」red」)

 

屬性選擇器
符號	說明	用法
$(「a[href]」)	選擇全部包含href屬性的元素	$(「a[href]」). css(「background」,」red」)
$(「a[href=’itcast’]」)	選擇href屬性值爲itcast的全部a標籤	$(「a[href=’itcast’]」). css(「background」,」red」)
$(「a[href!=’baidu’]」)	選擇全部href屬性不等baidu的全部元素，包括沒有href的元素	$(「a[href!=’baidu’]」). css(「background」,」red」)
$(「a[href^=’web’]」)	選擇全部以web開頭的元素	$(「a[href^=’web’]」). css(「background」,」red」)
$(「a[href$=’cn’]」)	選擇全部以cn結尾的元素	$(「a[href$=’cn’]」). css(「background」,」red」)
$(「a[href*=’i’]」)	選擇全部包含i這個字符的元素，能夠是中英文	$(「a[href*=’i’]」). css(「background」,」red」)
$(「a[href][title=’我’]」)	選擇全部符合指定屬性規則的元素，都符合纔會被選中。	$(「a[href][title=’我’]」). css(「background」,」red」)

 

mouseover 事件跟 mouseenter 事件的區別

mouseover 觸發屢次 每遇到一個子元素就會觸發一次

mouseenter 只會觸發一次，鼠標通過的世界只會觸發一次