JavaScript中的jQuery

最新推荐文章于 2023-09-19 21:27:19 发布

烂笔头2333

最新推荐文章于 2023-09-19 21:27:19 发布

阅读量438

点赞数

分类专栏： JavaScript学习笔记

本文链接：https://blog.csdn.net/hydz8023/article/details/114300586

版权

JavaScript学习过程中的个人笔记，详细请看https://www.liaoxuefeng.com/wiki/1022910821149312
再次感谢廖大

简介

jQuery是JavaScript世界中使用最广泛的一个库。
jQuery可以帮我们干这些事情：
1）消除浏览器差异
2）简洁的操作DOM的方法
3）轻松实现动画、修改CSS等各种操作
jQuery有1.x和2.x两个主要版本，2.x移除了对IE 6、7、8的支持，因此代码更精简。
使用jQuery只需要在页面的<head>引入jQuery文件即可：<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>。
jQrery把所有功能全部封装在一个全局变量jQrery中，而$也是一个合法的变量名，它是变量jQuery的别名。
$ 本质上是一个函数，但函数也是对象，所有$除了可直接调用外，也可以有很多其他属性。

选择器

选择器是jQuery的核心，一个选择器写出来类似$('#dom-id')。
选择器就是帮我们快速定位到一个或多个DOM节点。

	//按ID查找
	var div = $('#bac');//查找<div id = "abc">
	//将返回一个jQuery对象[<div id="abc">...</div>]
	//如果不存在id为abc的<div>，将返回[]而不是null。
	var divDom = div.get[0]//假设存在dic，获取第一个DOM元素
	var anothor = $(divDom);//重新包装成jQuery对象。

   //按tag查找
   var ps = $('p');、、返回所有<p>节点

   //按class查找，在class名称前加一个.
   var a = $(".red");//返回所有包含class = "red"的节点
   var b = $(".red.green");返回同时包含red和green的节点。

   //按属性查找
   var emali = $('[name=email]');//找出<??? name="email>
   //当属性的值包含空格等特殊字符时，需要用双括号括起来
   //按属性查找还可以使用前缀查找或后缀查找
   var icons = $('[name^=icon]');//找出所有name属性以icon开头的DOM
   var name= $('[name$=with]');//找出所有name属性以with结尾的DOM

   //组合查找
   var emailInput = $('input[name=email]')//找出所有name为email的<input>

   //多项选择器
   $(

最低0.47元/天解锁文章

烂笔头2333

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的jQuery

JavaScript学习过程中的个人笔记，详细请看https://www.liaoxuefeng.com/wiki/1022910821149312再次感谢廖大jQueryjQuery是JavaScript世界中使用最广泛的一个库。jQuery可以帮我们干这些事情：1）消除浏览器差异2）简洁的操作DOM的方法3）轻松实现动画、修改CSS等各种操作jQuery有1.x和2.x两个主要版本，2.x移除了对IE 6、7、8的支持，因此代码更精简。使用jQuery只需要在页面的<hea.
复制链接

扫一扫

专栏目录