更新时间:2022-08-23 来源:黑马程序员 浏览量:
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(html); //输出结果:content //②设置元素的内容 $('#myId').html('Hello'); //执行后,同页中元素的内容变为Hello </script>
3.事件的绑定
jQuery中事件一般直接绑定在元素上。例如,为指定元素对象绑定单击事件。示例代码如下
<button>say hello</button> <script> //为button元素绑定单击(click)事件,参数是事件的处理程序 $('button').click(function() { alert('Hello'); }): </seript>
4.链式编程
jQuery中支持多个方法链式调用的形式,让开发者在完成相同功能的情况下,编写最少的代码。示例代码如下。
<ul> <1i>0</li> <li>1</li> <1i>2</li> <li>3</li> </ul> <script> //将u1中索引为2的li元素的内容设置为He11o $('ul').find('li').eq(2).html('Hello'); </script>
以上示例中涉及的知识点将在本书后面的章节中一一讲解,读者此时只需对jQuery语法和使用有初步印象即可。