美文网首页
jQuery基础操作

jQuery基础操作

作者: shangjingfan | 来源:发表于2021-01-29 17:08 被阅读0次

    一.如何获取元素

    通过$(选择器)获取网页元素,

    $('div') // 通过标签名
    $('#div1') // 通过# + id
    $("ul>li") // 
    

    二.链式操作是怎样的

    不用关心函数返回值,一直往后添加需要的函数就可以了
    原理:jQuery函数的返回值指向jQuery对象,这个对象里有jQuery函数,通过这种操作,实现了jQuery的链式操作

    $('div') //找到div元素
      .find('h2') //选择它的h2元素
      .eq(2) // 第2个h2元素
      .html("helloworld") //更改内容为hello world
    

    三.创建元素

    直接通过$(新元素)就能创建

    $("<div>不相关数据</div>")
    $("<p>不相关数据</p>")
    

    四.移动元素

      $('div').after('p') //把p元素放到div元素后面
      $('div').insertAfter('p') //把div元素放到p的后面
    

    五.修改元素的属性

    $('div').addClass("red") //给div元素添加类名red
    $('div').attr("title", "hello world") //给div元素添加title属性
    

    相关文章

      网友评论

          本文标题:jQuery基础操作

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