更新时间: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语法和使用有初步印象即可。
毕业16个工作日,平均薪资13180元,就业率100%,广州黑马AI智能应用开发(Java)学科20250529班
2026-03-06毕业32个工作日,平均薪资11147元,就业率95%,广州黑马AI智能应用开发(Java)学科20250326班
2026-03-05黑马程序员2025全国就业数据发布:全学科平均就业率92.07%,AI开发类就业平均薪资达11869.67元。
2026-03-05黑马全国校区齐开班!场面太太太壮观了!
2026-03-03AI智能应用开发课程紧贴企业刚需,全程高效学习,直达中高级软件开发水平
2026-02-28风口正劲!黑马程序员又一AI智能应用开发班毕业当天100%就业!
2026-02-27