jQuery的语法有什么特点？

jQuery的常用操作包括选择器的使用、元素对象的操作、事件的绑定、链式编程等。

接下来介绍jQuery的一些常用操作，以使读者快速体验jQuery的语法特点。

1. 选择器的使用

jQuery选择器用于获取网页元素对象，然后对其进行操作。示例代码如下。

<div id= "myId"></div>
<script>
	$('#myId');	//获取id值为myId的元素对象
</script>

2.元素对象的操作

jQuery中对获取的元素对象可以进行一系列的操作。 例如，元素的取值、赋值、属性设置等。示例代码如下。

<div id= "myId">content</div>
<script>
	//①获取元素的内容
	var html = $('#myId').html();
	alert (htm1);
	//输出结果: content
	//②设置元素的内容
	$('#myId').html('Hello');
	//执行后，网页中元素的内容变为Hello
</script>

3.事件的绑定

jQuery中事件般直接绑定在元素 上。例如，为指定元素对象绑定单击事件。

示例代码如下。

<button>say hello</button>
<script>
	//为button元素绑定单击(click) 事件，参数是事件的处理程序
	$('button').click(function() {
		alert('Hello');
	});
</script>

4.链式编程

jQuery中支持多个方法链式调用的形式，让开发者在完成相同功能的情况下，编写最少的代码。示例代码如下。

<ul>
	<1i>0</1i> <1i>1</1i>
	<1i>2</1i> <1i>3</1i>
</ul>
<script>
	//将ul中索引为2的li元素的内容设置为Hello
	$('ul').find('li').eq(2).html('Hello');
</script>

猜你喜欢：

Jquery常用的选择器有哪些？用途有什么不同？

如何获取jQuery？jQuery的使用演示

jQuery是什么？有什么作用？

黑马程序员HTML&JS+前端培训课程