【学习笔记24】jQuery

1)使用

     1.导入 jquery.min.js

     2.应用:$（表示jQuery）

jQuery构造函数：$

2)$用法

  $(function(){})  在文档加载完毕后执行

区别：window.onload：页面全部加载完毕后执行

  $(css3选择器)     通过css3选择器指定dom对象，并且封装到jQuery这个类数组对象中

   $("<div><span><span></div>")

将字符串中的元素转换为dom对象，再封装到jQuery对象中

  $(dom对象) 将dom对象转换为jQuery对象

jQuery特点：批量操作，本身是一个类数组对象；链式调用，dom方法调用完毕后返回当前对象

3)jQuery对象与dom对象的关系

jQuery是一个类数组对象，容器！里面的元素是DOM对象

事件机制：

$dom.on(event[,子元素],handler)

$dom.on({

   eventType:handler,

})[,子元素]

eg.$("ul.left_nav").on("click","li",functioin(){

      this

})

将事件绑定在ul上，为li做代理，这里的this指向li

$dom.off(event[,子元素],handler)

dom操作

empty()

remove()

clone()克隆jquery东西

wrap() 在指定元素外包裹一个元素

eg.<div class="inner"></div>

      <div class="inner"></div>

     <div class="inner"></div>

     $(".inner").wrap($("<div class='wrapper'></div>));

append():父元素.append(子元素),在元素内追加一个子元素

appendTo():子元素.appendTo(父元素)

prepend():在元素内插入一个元素，插入到子元素的前面

text()