更新時間:2022-08-23 來源:黑馬程序員 瀏覽量:
jQuery的常用操作包括選擇器的使用、元素對象的操作、事件的綁定、鏈?zhǔn)骄幊痰?。接下來介紹jQuery的一些常用操作,以使讀者快速體驗jQuery的語法特點。
1.選擇器的使用
jQuery選擇器用于獲取網(wǎng)頁元素對象,然后對其進行操作。示例代碼如下。
<div id="myId"></div> <script> $('#myId'); //獲取id值為myId的元素對象 </script>
2.元素對象的操作
jQuery中對獲取的元素對象可以進行一系列的操作。例如,元素的取值、賦值、屬設(shè)置等。示例代碼如下。
<div id="myId">content</div> <script> //①獲取元素的內(nèi)容 var html = $('#myId').html(); alert(html); //輸出結(jié)果:content //②設(shè)置元素的內(nèi)容 $('#myId').html('Hello'); //執(zhí)行后,同頁中元素的內(nèi)容變?yōu)镠ello </script>
3.事件的綁定
jQuery中事件一般直接綁定在元素上。例如,為指定元素對象綁定單擊事件。示例代碼如下
<button>say hello</button> <script> //為button元素綁定單擊(click)事件,參數(shù)是事件的處理程序 $('button').click(function() { alert('Hello'); }): </seript>
4.鏈?zhǔn)骄幊?/strong>
jQuery中支持多個方法鏈?zhǔn)秸{(diào)用的形式,讓開發(fā)者在完成相同功能的情況下,編寫最少的代碼。示例代碼如下。
<ul> <1i>0</li> <li>1</li> <1i>2</li> <li>3</li> </ul> <script> //將u1中索引為2的li元素的內(nèi)容設(shè)置為He11o $('ul').find('li').eq(2).html('Hello'); </script>
以上示例中涉及的知識點將在本書后面的章節(jié)中一一講解,讀者此時只需對jQuery語法和使用有初步印象即可。