当前位置 : 主页 > 网页制作 > JQuery >

jquery基础用法

来源:互联网 收集:自由互联 发布时间:2021-06-15
什么是jquery对象? jquery对象是原生DOM对象的封装 jquery对象和原生DOM对象不同 jquery对象包含了很多方法,方便的操作DOM元素 就如js可以对DOM对象进行操作一样,jquery可以对jquery对象进行

什么是jquery对象?

jquery对象是原生DOM对象的封装

jquery对象和原生DOM对象不同

jquery对象包含了很多方法,方便的操作DOM元素

就如js可以对DOM对象进行操作一样,jquery可以对jquery对象进行操作,如果我们要调用jquery的方法,那我们就要使用jquery对象来进行调用。

获取jquery对象(将DOM封装为jquery对象)

$(domObject)

 jquery对象转DOM对象(将jquery对象拆封为DOM对象)

方式1:

$(domObject).get(0);

 方式2:

$(domObject)[0];

 链式语法

传统的使用方式每次调用时都要先进行查询,性能低。

$(‘#divTest‘).text(‘Hello,World‘);
$(‘#divTest‘).removeClass(‘blue‘);
$(‘#divTest‘).addClass(‘bold‘);
$(‘#divTest‘).css(‘color‘,‘red‘);

 使用链式语法后,只需查询一次,性能高

$(‘#divTest‘)
    .text(‘Hello,World‘)
    .removeClass(‘blue‘)
    .addClass(‘bold‘)
    .css(‘color‘,‘red‘)
网友评论