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