jQuery

Posted 2020-11-03 苦行僧95

jQuery

jQuery是什么

1.jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。

2.jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE!

3.它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器

4.jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理htmldocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。

5.jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择,而且速度要比原生的快。

6.jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览器，目前使用最多的是1.x系列的。

补充：

jQuery下载网站：http://jquery.com/

jQuery在线帮助文档：http://jquery.cuishifeng.cn/

 

什么是jQuery对象

 jQuery 对象就是通过jQuery包装DOM对象后产生的对象。jQuery 对象是 jQuery 独有的。简单说jQuery对象就是“$”。

 比如：$(“#test”).html();

 意思是：获取ID为test的元素内的html代码。其中html()是jQuery里的方法

这段代码等同于用DOM实现代码： document.getElementById(" test ").innerHTML;

虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错

约定：如果获取的是 jQuery 对象, 那么要在变量前面加上$。比如var $div

jQuery的引入方式

<script src="js/jquery-1.12.4.min.js"></script>

jQuery是一个函数库，一个js文件，上面就是导入的操作，写具体的jQuery代码还是在<script></script>中

jQuery的基本语法

$(selector).action() 

selector：指的是选择

action：指的是操作

例如：

$("div").css("color","red");

 

jQuery选择器

jQuery的选择器和css中的选择器大致是一样的，我就不重复说了，特殊的我会做相应的说明

基本选择器

$("*")  $("#id")   $(".class")  $("div")  $(".class,p,div")

层级选择器

$(".outer div")  $(".outer>div")   $(".outer+div")  $(".outer~div")　　//“~”这个和“+”差不多，但是不要求紧挨着了

基本筛选器

$("li:first")  $("li:last") $("li:eq(2)")  $("li:even") $("li:gt(1)")　　//eq是按下标取，gt是大于这个下标的，lt是小于这个下标的

属性过滤器

$(‘[id="div1"]‘)   $(‘[why="yes"][id="id1"]‘)　　　　//注意引号问题，第二个是多重过滤器

表单选择器

$("[type=‘text‘]")----->$(":text")         //“：”是简写形式，注意只适用于input标签  : $("input:checked")

 待续。。。。。。。。。。