初识jQuery

什么是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可以使用的所有选择器
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值