jQuery功能

155 阅读1分钟
  1. jQuery 如何获取元素

    使用jQuery(selector)获取元素,也可以写为$(selector)

    选择器可以是

    • 一个包含CSS选择器的字符串 如·$('#Test') //选择ID为Test的网页元素·
    • jQuery特有表达式 如$('a:first') //选择网页中第一个a元素
  2. jQuery 的链式操作是怎样的

    每一步的jQuery操作,都返回一个jQuery对象,因此不同的操作可以链接在一起。

    $('div:visible').find('h4').eq(4).html('Hello, World');
    

     $('div:visible') //选择可见的div元素
     .find('h4') // 选择其中的h4
     .eq(4) // 选择第5个h4
     .html('Hello, World'); // 改变其内容
    
  3. jQuery 如何创建元素 jQuery(html)可以用于创建元素

    $( "<div><p>Hello</p></div>" ).appendTo( "body" )
    // 创建html元素并追加到body元素
    
  4. jQuery 如何移动元素

    $('div').insertAfter($('p'));$('p').after($('div'));都可以让p元素在div元素之前,不过前者返回div元素,后者返回p元素

    .insertAfter() .after()//在现存元素的外部,从后面插入元素
    .insertBefore() .before//在现存元素的外部,从前面插入元素
    .appendTo() .append()//在现存元素的内部,从后面插入元素
    .prependTo() .prepend()//在现存元素的内部,从前面插入元素
    
  5. jQuery 如何修改元素的属性

    使用attr()可以修改元素属性

    $('div').attr('class','red') // 存在即为修改,不存在即为添加
    

    removeAttr()可以删除属性

     $('div').removeAttr('name') // 删除name属性