-
jQuery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr() attr()有4个表达式 attr(传入属性名)：获取属性的值 attr(属性名, 属性值)：设置属性的值 attr(属性名,函数值)：设置属性的函数值 attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAttr()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性（attribute） 优点： attr、removeAttr都是jQuery为了属性操作封装的，直接在一个 jQuery 对象上调用该方法，很容易对属性进行操作，也不需要去特意的理解浏览器的属性名不同的问题 注意的问题： dom中有个概念的区分：Attribute和Property翻译出来都是“属性”，《js高级程序设计》书中翻译为“特性”和“属性”。简单理解，Attribute就是dom节点自带的属性 例如：html中常用的id、class、title、align等： <div id="immooc" title="慕课网"></div> 而Property是这个DOM元素作为对象，其附加的内容，例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected 使用.prop()方法进行取值或赋值等 获取Attribute就需要用attr，获取Property就需要用prop查看全部
-
操作特性的DOM方法主要有3个，getAttribute方法、setAttribute方法和removeAttribute方法，就算如此在实际操作中还是会存在很多问题，这里先不说。而在jQuery中用一个attr()与removeAttr()就可以全部搞定了，包括兼容问题查看全部
-
每个元素都有一个或者多个特性，这些特性的用途就是给出相应元素或者其内容的附加信息。如：在img元素中，src就是元素的特性，用来标记图片的地址。查看全部
-
even:选择索引值为偶数的元素，从 0 开始计数 odd: 选择索引值为奇数的元素，从 0 开始计数查看全部
-
注意事项： 选择器适用于复选框和单选框，对于下拉框元素, 使用 :selected 选择器 在某些浏览器中，选择器:checked可能会错误选取到<option>元素，所以保险起见换用选择器input:checked，确保只会选取<input>元素查看全部
-
注意事项： 除了input筛选选择器，几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')查看全部
-
注意事项： :first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) :last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素 如果子元素只有一个的话，:first-child与:last-child是同一个 :only-child匹配某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配 jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的 nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算，后者从后往前计算查看全部
-
内容筛选选择器： $(":contains(text)") 选择所有包含指定文字的元素 $(":parent") 选择所有含有子元素或者文本的元素 $(":empty") 选择所有没有子元素的元素（包含文本节点） $(":has(selector)") 选择元素中至少包含指定选择器的元素 注意事项： 1.:contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 2.如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 3.:parent与:empty是相反的，两者所涉及的子元素，包括文本节点查看全部
-
浏览器支持： [att=val]、[att]、[att|=val]、[att~=val] 属于CSS 2.1规范 [ns|attr]、[att^=val]、[att*=val]、[att$=val] 属于CSS3规范 [name!="value"] 属于jQuery 扩展的选择器 CSS选择器无论CSS2.1版本还是CSS3版本，IE7和IE8都支持，webkit、Gecko核心及Opera也都支持，只有IE6以下浏览器才不支持 在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的 [attr="value"]能帮我们定位不同类型的元素，特别是表单form元素的操作，比如说input[type="text"],input[type="checkbox"]等 [attr*="value"]能在网站中帮助我们匹配不同类型的文件查看全部
-
关于jQuery 官网：http://jquery.com/ jQuery下载所有版本：http://www.jq22.com/jquery-info122 jQuery 目前分 3 个系列版本 1.x 、 2.x 和 3.x，主要的区别在于 2.x 不再兼容 IE 6/7/8 了，但是 jQuery 1.9 会继续支持，如果开发者比较在意老版本 IE 用户，只能使用 jQuery 1.9 及之前的版本了。这样做的目的是为了兼容移动端开发。由于减少了一些代码，使得 2.x 版本比 1.x 更轻更快：2.0版本文件与1.9.1相比小了12%。 jQuery 3.0 最大的变化就是彻底放弃对 IE 6/7/8 的支持。jQuery 团队做出这个决定的原因在于，微软已经在今年年初宣布停止对 IE 8～10 的支持。不过，由于 IE8 仍然是中国大陆最流行的浏览器之一，对国内的开发者来说，在短期（甚至中期）内还不得不停留在 jQuery 1.x 版本。 jQuery 每一个系列版本分为：压缩版(compressed) 与 开发版(development)，我们在开发过程中使用开发版（开发版本便于代码修改及调试），项目上线发布使用压缩版（因为压缩版本体积更小，效率更快）。 开发版即代码并没有进行压缩优化，包含了注释及原始格式，便于开发者查看修改jQuery源码，如jquery-1.7.2.min.js为压缩版本，会去掉所有的注释信息，将空白行删除，并压缩变量名，这样可以减小文件体积，但功能与1.7.2,jquery-1.7.2.js完全相同，适合正式线上使用。 -------------------------------------------------------------------------------- jQuery的优势 容易上手 强大的选择器 解决浏览器兼容问题 出色的AJAX封装 丰富的UI 链式操作 ……查看全部
-
jQuery基础 (一)—样式篇——简介 1、jQuery轻量级的JavaScript库，核心是JavaScript，兼容css和各种浏览器，核心理念是写得少做得多。 2、优势：容易上手，强大的选择器，节约开发时间，丰富的UI，完善的事件机制，Ajax的封装。 3、特性和方法：连试操作、回调函数、迭代器、延迟对象、队列... 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
筛选选择器： $(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":not(selector)") 一个用来过滤的选择器，选择所有元素去除不匹配给定的选择器元素 $(":eq(index)") 在匹配的集合中选择索引值为index的元素 $(":gt(index)") 选择匹配集合中所有大于给定index(索引值) $(":even") 选取索引值为偶数的元素，从0开始计数 $(":odd") 选取索引值为奇数的元素，从0开始计数 $(":lt(index)") 选取匹配集合中所有索引值小于给定index参数的元素 $(":header") 选择所有标题元素，像h1,h2,h3等 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":animated") 选择所有正在执行动画效果的元素查看全部
-
层选择器： $("parent > child") 子选择器：选择所有指定"parent"元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素，一个元素的后代可能是该元素的一个孩子，孙子，曾孙等。 $("prev + next") 相邻兄弟选择器：选择所有紧接在"prev"元素后的"next"元素。 $("prev ~ siblings") 一般兄弟选择器：匹配"prev"元素之后的所有兄弟元素，具有相同的父元素，并匹配过滤"siblings"选择器。 仔细观察层级选择器之间还是有很多相似与不同点 1.层级选择器都有一个参考节点 2.后代选择器包含子选择器的选择的内容 3.一般兄弟选择器包含相邻兄弟选择的内容 4.相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下查看全部
-
通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素 描述： $( "*" ) 抛开jQuery，如果要获取文档中所有的元素，通过document.getElementsByTagName()中传递"*"同样可以获取到 不难发现，id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，我这里顺便提及一下，比如: IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName查看全部
-
元素选择器：根据给定（html）标记名称选择所有的元素 描述： $( "element" ) 搜索指定元素标签名的所有节点，这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持查看全部
举报
0/150
提交
取消