第一篇、jQuery的使用

1.jquery 的优势

  >轻量级

  >强大的选择器

  >出色的DOM操作封装

  >完善的事件和事件对象的兼容机制

  >完善的ajax

  >不污染全局变量($可以随时交出控制权)

  >出色的浏览器兼容

  >隐式迭代(一般不需要for循环遍历DOM对象)

  >完善的文档(官方的文档相当的完备,官方logo每次更新都会有详细的说明)

  >丰富的插件

 

2.DOM对象和jquery对象

  DOM对象:用DOM方法得到的对象,就是DOM对象 如:var p = document.getElementById('p')

  jquery对象: 用jquery选择器得到的对象,就是jquery对象 如:var p = $('p')

  区别:jquery对象不能使用DOM对象中方法,除非是jquery库中被改写过;DOM对象不能使用任何jquery中的方法。

  两个对象的相互转换

    jquery-->DOM : 

      1.可以使用索引,index 示例:var input = $('input')   alert( input[0].value)

      2.可以使用get(index)的方法 var input = $('input')  alert(input.get(0).value)

    DOM-->jquery:

      1.只要把DOM对象用$()包起来 var input = document.getElementById('input')  alert($(input).val())

  jquery与其他js库共存:1.释放$的权限  2.js的引用顺序,先引用jQuery.js

    jQuery.noConflict();

    alert(jQuery('a').val())

 

posted on 2016-09-18 13:16  久冬不雨  阅读(118)  评论(0编辑  收藏  举报