Jquery的优势与常用选择器总结

Jquery的优势与常用选择器总结

Jquery是JavaScript和查询,即辅助JavaScript开发的库。

jQuery是一套跨浏览器的JavaScript库,简化Html与Javascript之间的操作。
全球前10000个访问最高的网站中,有65%使用了jQuery,目前是最受欢迎的Javascript库。

jQuery的好处
极大的简化了JavaScript开发人员遍历Html文档,操作DOM、处理事件、执行动画和开发Ajax。

jQuery的愿景
写得少、做的多(站在巨人的肩膀上进行开发)

jQuery优势

	jquery是js的轻量级的js库。
	jquery的兼容性比较高。
	jquery简化了js的编写。
	jquery可以操作DOM。
	jquery有很好的事件处理机制。
	jquery扩充动画效果。
	jquery有大量的选择器。
	jquery进行Ajax的封装。

jquery版本信息:

	1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,
		 功能不再新增。因此一般项目来说,使用1.x版本就可以了,
		 最终版本:1.12.4 (2016年5月20日)
	2.x:不兼容ie678,很少有人使用,官方只做BUG维护,
		 功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x,
		 最终版本:2.2.4 (2016年5月20日)
	3.x:不兼容ie678,只支持最新的浏览器。除非特殊要求,
		 一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。
		 目前该版本是官方主要更新维护的版本。最新版本:3.2.1(2017年3月20日)

jquery选择器

	选择器:jquery中用来选择html页面中的元素的选择元素。
	jquery操作css样式:
		元素.css("css属性","css属性值");
	1、基本选择器
		#id				 根据id来选择
		Element	 	 	 根据标签来选择
		.class			 根据class名来选择
		*				 选择所有标签
		Element,element 同时选择多个元素标签
	2、层次选择器
		Parent child	 选择后代标签
		Parent>child	 选择子标签
		Pre+next		 选择相邻的兄弟标签
		Pre~sub			 选择相邻的所有的兄弟标签
	3、属性选择器
		[attribute]		 选择有此属性的标签
		[attribyte=value]选择此属性有value值的标签
		[attribute^=val] 选择此属性以val开头的标签
		[attribute$=val] 选择此属性以val结尾的标签
		[attribute*=val] 选择此属性包含val的标签
		……
	4、子选择器
		:Nth-child(...)	 选择下标具体的标签
		:First-child	 选择第一个子标签
		:Last-child	 	 选择最后一个标签
		:Onlye-child	 选择只有一个子标签的元素
	5、基本过滤选择器
		:first			 选择第一个标签
		:last			 选择最后一个标签
		:not(...)		 去除所有与给定选择器匹配的元素
		:even		     选择偶数标签
		:odd		 	 选择奇数标签
		:eq()			 选择具体下标的标签
		:gt()			 选择大于下标的标签
		:lt()			 选择小于下标的标签
		:header		 	 选择所有的标题标签
	6、表单选择器
		:input			 选择所有input标签
		:text			 选择所有的单行文本输入框标签
		:password		 选择所有的密码框
		:radio		 	 选择所有单选按钮
		:checkbox		 选择所有多选按钮
		:button		 	 选择所有按钮
		:file		 	 选择所有文件域
		:images		 	 选择所有图片标签
		:submit			 选择所有提交按钮
		:reset		  	 选择所有重置按钮
		:hidden		 	 选择所有隐藏按钮
	7、表单属性选择器
		:enabled		 选择可用标签
		:disabled		 选择不可用标签
		:checked		 选择选中的标签
		:selected		 选择下拉框的选中标签
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页