jQuery的理念:write less,do more

學習是一種習慣

html文檔加載完之後再運行jQuery代碼:

第一種方法:

<code>$(document).ready( \tfunction()\t{ // jQuery代碼 }\t )/<code>

$美元符號,用於訪問jQuery庫; document,文檔對象; ready事件,定義文檔就緒事件

第二種簡便方法:

<code>$( \tfunction()\t{ \t//jQuery代碼\t }\t )/<code>

jQuery選擇(查找)html元素,並對其進行修改:

<code>$('selector').action()/<code>

selector為選擇器(元素選擇器,類選擇器,id選擇器....),用於查找html元素;action()表示要執行的動作( hide(), show(), html() 等 )

<code>$("p").hide()  \t\t// 隱藏所有
元素                                                                                            元素選擇器
$(".demo").hide()  \t\t// 隱藏所有 class="demo" 元素                                                                   類選擇器
$("#demo").hide() \t // 隱藏 id="demo" 的元素                                                                           id選擇器
$('#修改').html('id為修改的元素內容被修改')   //修改id為demo的元素的html內容
/<code>

<code>

 


  



我是p元素的內容

div1

div2

不被隱藏的div

id為demo的div元素被隱藏

原來內容
 



/<code>

執行後的結果為:

選擇器

選擇器的其他語法:

<code>$("div.menu")     // 選取類為class="menu"的
元素
$("p:first")     // 第一個
元素
$("h1, p")     // 所有
和所有
元素 
$("div p")     // 所有
元素下的所有
元素 
$("div>*")    //選取所有
元素的直接子元素
$("#demo p")    //選取id為demo的元素下的所有
元素
$("*")     // DOM的所有元素
$(this)\t   //選取當前HTML元素
$("ul li:first")    //選取第一個
元素的第一個
元素
$("ur li:first-child")    //選取每個
元素的第一個
元素
$("[href]")    //選取帶有href屬性的元素
$("a[target='_blank']")    //選取所有target屬性值等於"_blank"的
 
/<code>

閱讀更多 極客饕餮 的文章

關鍵字: jQuery JavaScript 斜體