jQuery快速入门精选
导读: 1.x:兼容IE768,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4(2016年5月20日 2.x:不兼容IE678,很少有人使用,官方只做BUG维护,功能不...
1.x:兼容IE768,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4(2016年5月20日)
2.x:不兼容IE678,很少有人使用,官方只做BUG维护,功能不再新增。如果不考虑兼容低版本的浏览器使用2.x,最终版本:2.2.4(2016年5月20日)
3.x:不兼容IE678,只支持最新的浏览器。需要注意的是很多老的jQuery插件不支持3.x版。目前该版本是官方主要更新维护的版本。
JQuery对象就是通过JQuery包装DOM对象产生的对象。jQuery对象是jQuery独有的。如果一个对象是jQuery对象,那么它就可以使用jQuery里的方法:例如$("#i1").html()。
$("#i1").html()的意思是:获取id值为i1的元素的html代码。其中html()是jQuery里的方法。
相关于:document.getElementById("i1").innerHTML;
虽然JQuery对象是包装DOM对象后产生的,但是JQuery对象无法使用DOM对象的任何方法,同理DOM对象也没有不能使用JQuery里的方法。
jQuery语法
JQuery语法
jQuery语法是通过选取HTML元素,并对选取的元素执行某些操作。
基础语法:$(selector).action()
没有符号定义jQuery
选择符(selector)"查询"和"查找"HTML元素
jQuery的action()执行对元素的操作
示例:
参考文档:
jQuery #id选择器通过HTML元素的id属性的id属性选取指定的元素。
页面中的元素的id应该是唯一的,所以您要在页面中选取唯一的元素需要通过#id选择器。
通过id选取元素语法如下:
示例:
执行结果:
jQuery标签选择器基于标签名选取元素。
在页面中选取所有的标签 示例: 执行结果 jQuery类选择器可以通过指定的class查找元素。 语法如下: 示例: 运行结果: jQuery CSS选择器可用于改变HTML元素的CSS属性。 示例一:把所有的p标签的背景颜色改为红色 示例二:选取所有元素(标签) 示例三:选取当前HTML元素 示例四:选取第一个
元素 示例五:选取class为intro的
元素 示例六:选取第一个
- 元素的第一个
- 元素
示例七:选取每个
- 元素的第一个
- 元素
示例八:选取带有href属性的元素
示例九:选取所有target属性值等于"_blank"的元素
示例十:选取所有target属性值不等于"_blank"的元素
示例十一:选取所有type="button"的元素和元素
示例十二:选取偶数位置的
元素 示例十三:选取奇数位置的 元素 方法 说明 $(":text"); 找出的type="text"(文本)的input标签 $(":password"); 找出的type="password"(密码)的input标签 $(":file"); 找出的type="file"(文件)的input标签 $(":radio"); 找出的type="radio"(单选框)的input标签 $(":checkbox"); 找出的type="checkbox"(多选框)的input标签 $(":submit"); 找出的type="submit"的input标签 $(":reset"); 找出的type="reset"的input标签 $(":button"); 找出的type="button"的input标签 注意:$(":text")与$("input:text"); 结果相同 表单对象属性 方法 说明 $("input:enabled"); 找出属性为enabled(可用)的input标签 $("input:disabled"); 找出属性为disabled(不可用)的input标签 $("input:checked"); 找出属性为checked(显示默认选择)的input标签 $("input:selected"); 找出属性为enabled(显示默认选择)的option标签 找到属性含有checked的input标签 找到含有属性checked的标签 #找到input标签和option标签 找到含有属性select的标签 #只找到option标签
- 元素
示例八:选取带有href属性的元素
示例九:选取所有target属性值等于"_blank"的元素
示例十:选取所有target属性值不等于"_blank"的元素
示例十一:选取所有type="button"的元素和元素
示例十二:选取偶数位置的
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: jQuery快速入门精选
本文地址: https://pptw.com/jishu/661553.html