码迷,mamicode.com
首页 > Web开发 > 详细

jQuery

时间:2018-05-09 14:53:31      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:res   first   浏览器   报错   innerhtml   筛选   标签   bsp   type   

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")

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

 

jQuery

标签:res   first   浏览器   报错   innerhtml   筛选   标签   bsp   type   

原文地址:https://www.cnblogs.com/kuxingseng95/p/9013152.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!