美文网首页
jQuery基础功能

jQuery基础功能

作者: Carlmac | 来源:发表于2021-01-06 14:22 被阅读0次

    jQuery 如何获取元素

    方法一:使用CSS选择器

    $('.classname')
    ...
    

    方法二:使用jQuery自有的特殊选择器

    $('a:first') //选择网页中第一个a元素
    $('tr:odd') //选择表格的奇数行
    ...
    

    jQuery 的链式操作是怎样的

    链式操作是jQuery最大的特点之一,指的是一个jQuery对象在调用完api后可以继续使用.操作符继续调用api,方便又易读。

    $('div').find('h3').eq(2).html('Hello');
    

    实现原理是在每次api调用后都返回这个jQuery对象自己。

    jQuery 如何创建元素

    非常简单,把HTML代码传进jQuery构造函数里就可以了:

    $('<p>Hello</p>');
    $('<li class="new">new list item</li>');
    

    jQuery 如何移动元素

    .insertAfter() 和 .after():在现存元素的外部,从后面插入元素
    
    .insertBefore() 和 .before():在现存元素的外部,从前面插入元素
    
    .appendTo() 和 .append():在现存元素的内部,从后面插入元素
    
    .prependTo() 和 .prepend():在现存元素的内部,从前面插入元素
    
    

    jQuery 如何修改元素的属性

    $div.attr()方法既可以读,也可以写jQuery对象的属性,是一种 getter / setter 设计
    

    相关文章

      网友评论

          本文标题:jQuery基础功能

          本文链接:https://www.haomeiwen.com/subject/igvnoktx.html