教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

如何使用jQuery?jQuery常用操作

更新时间:2022年08月23日17时58分 来源:传智教育 浏览次数:

好口碑IT培训

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语法和使用有初步印象即可。

0 分享到:
和我们在线交谈!