什么是jquery?
jQuery是一款优秀的JavaScript库,从命名可以看出jQuery最主要的用途是用来做查询(jQuery=js+Query).在jQuery官方Logo下方还有一个副标题(write less, do more), 体现了jQuery除了查询以外,还能让我们对HTML文档遍历和操作、事件处理、动画以及Ajax变得更加简单。
jQuery是否适用于所有浏览器?
jQuery 团体知道JS在不同浏览器中存在着大量的兼容性问题,目前jQuery兼容于所有主流浏览器, 包括
IE6jQuery。 版本 2 以上不支持 IE6,7,8 浏览器。如果需要支持 IE6/7/8,那么请选择1.9你还可以通过条件注释在使用 IE6/7/8 时只包含进1.9。
jQuery框架的优势:
体积小,使用灵活丰富的DOM选择器,跨浏览器链式代码,强大的事件、样式支持强大的Ajax功能,易于扩展、插件丰富
如何使用jQuery?
方法1:将jQuery文件放置在本地,通过script标签引入;
下载:官网下载
jquery官网
中文api官网
方法2:使用在线提供的cdn链接,可以点击下面的链接去复制到代码中就可以直接使用,不过注意网络慢的情况下会加载的比较慢
BootjQueryCDN
为什么要使用jQuery?
强大选择器: 方便快速查找DOM元素,通过jQuery查找DOM元素要比原生js快捷很多jQuery允许开发者使用CSS1-CSS3几乎所有的选择器,以及jQuery独创的选择器链式调用: 可以通过.不断调用jQuery对象的方法,jQuery可以通过.(点).不断调用jQuery对象的方法,而原生JavaScript则不一定
// 1.原生JavaScript
var div = document.getElementsByTagName("div"); // 报错,必须分开写
div[0].style.backgroundColor = "red".width = 200+"px";// div[0].style.width = 200+"px";
// 2.jQuery
$("div").eq(1).css('background', 'yellow').css('width', '200px');
jQuery 选择器
jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。
选择器允许您对 HTML 元素组或单个元素进行操作。
在 HTML DOM 术语中:选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。
下面是jQuery可以使用的所有选择器