你的认同是对我最大的赞美。

jQuery初步

  初识jQuery

  jQuery是JavaScript的程序库之一,它是JavaScript对象和实用函数的封装

  JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。

  导入jQuery库(这里使用jQuery1.11.1版本)

    首先在项目下创建文件夹,然后把要导入的jQuery库复制进去就OK,如下图,

  

 

 

  在页面中引入jQuery库

1 <!DOCTYPE html>
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5     <title>引入jQuery库</title>
6     <script src="../js/jQuery1.11.1.js" type="text/javascript"></script>
7     
8 </head>

 

jQuery语法

  $(selector).action();

  或:

  $(function(){})

  个人喜欢使用方法二,语法简单,便于记忆。

工厂函数:$()

  $(function(){})

  其中,"$"符号等价jQuery,也可以说是"$"就是jQuery。

工厂函数的作用:

  $()的作用是将DOM(浏览器对象模型)对象转化为jQuery对象,只有将DOM对象转化为jQuery对象后,才能使用jQuery方法。

DOM对象和jQuery对象

  只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。

DOM对象和jQuery对象相互转换

  DOM转换为jQuery对象

  var v=document.getElementById("v"); //DOM对象

  var $v=$(v); //jQuery对象

  转换后,就可以任意使用jQuery的方法了。

  jQuery对象转换为DOM对象

  var $v =$("#v") ; //jQuery对象

  var v=$v[0]; //DOM对象

  alert(v.checked) //检测这个checkbox是否被选中

posted @ 2016-05-20 19:00  Tony_copper  阅读(314)  评论(0编辑  收藏  举报
 Tony