首頁(yè)技術(shù)文章正文

jQuery的語(yǔ)法有什么特點(diǎn)?

更新時(shí)間:2021-04-28 來(lái)源:黑馬程序員 瀏覽量:

1577370495235_學(xué)IT就到黑馬程序員.gif


jQuery的常用操作包括選擇器的使用、元素對(duì)象的操作、事件的綁定、鏈?zhǔn)骄幊痰取?

接下來(lái)介紹jQuery的一些常用操作,以使讀者快速體驗(yàn)jQuery的語(yǔ)法特點(diǎn)。


1. 選擇器的使用

jQuery選擇器用于獲取網(wǎng)頁(yè)元素對(duì)象,然后對(duì)其進(jìn)行操作。示例代碼如下。

<div id= "myId"></div>
<script>
	$('#myId');	//獲取id值為myId的元素對(duì)象
</script>


2.元素對(duì)象的操作

jQuery中對(duì)獲取的元素對(duì)象可以進(jìn)行一系列的操作。 例如,元素的取值、賦值、屬性設(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)頁(yè)中元素的內(nèi)容變?yōu)镠ello
</script>

3.事件的綁定

jQuery中事件般直接綁定在元素 上。例如,為指定元素對(duì)象綁定單擊事件。

示例代碼如下。

<button>say hello</button>
<script>
	//為button元素綁定單擊(click) 事件,參數(shù)是事件的處理程序
	$('button').click(function() {
		alert('Hello');
	});
</script>


4.鏈?zhǔn)骄幊?

jQuery中支持多個(gè)方法鏈?zhǔn)秸{(diào)用的形式,讓開(kāi)發(fā)者在完成相同功能的情況下,編寫(xiě)最少的代碼。示例代碼如下。

<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>



猜你喜歡:

Jquery常用的選擇器有哪些?用途有什么不同?

如何獲取jQuery?jQuery的使用演示

jQuery是什么?有什么作用?

黑馬程序員HTML&JS+前端培訓(xùn)課程

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!