-
进入官方网站获取最新的版本 http://jquery.com/download/ ，这里需要注意 jQuery 分 2 个系列版本 1.x 与 2.x，主要的区别 在于 2.x 不再兼容 IE6、7、8 为移动端而优化，由于减少了一些代码，使得该版本比 jQuery 1.x 更小且更快。 如果开发者比较在意老版本 IE 用户，只能使用 jQuery 1.9 及之前的版本了。我们这本课程为了兼容性问题，使用的是 1.9 版本。jQuery 每一个系列版本分为：压缩版(compressed) 与 开发版(development)，我们在开发过程中使用开发版（开发版本便于代码修改及调试），项目上线发布使用压缩版（因为压缩版本体积更小，效率更快）。查看全部
-
不难发现，id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，我这里顺便提及一下，比如: IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName查看全部
-
jquery不需要遍历每一个元素再次循环处理，这是jquery的隐式迭代技术。查看全部
-
parent 匹配含有子元素或者文本的元素。查看全部
-
层级选择器： $("parent > child") 子选择器：选择所有指定“parent”元素中指定的“child”的直接元素 $("ancestor descendant") 后代选择器：选择给定祖先元素的所有后代元素，一个元素的后代可能是该元素表的一个孩子，孙子，曾孙子等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ sibilings") 一般兄弟选择器： 匹配“prev”元素之后的所有兄弟元素，具有相同的父元素，并匹配过滤“sililings”选择器查看全部
-
如何把jQuery对象转化成DOM对象？ 1>利用数组下标的方式读取到jQuery中的DOM对象 var $div = $('div'); //jQuery对象 var div = $div[0]; //转换成DOM对象 div.style.color = 'red'; //操作dom对象的属性 2>通过jQuery对象自带的get()方法 var $div = $('div'); //jQuery对象 var div = $div.get(0); //通过get()方法，转换成DOM对象 div.style.color = 'red';查看全部
-
//查找所有div中，属性name=p1的div元素 $('div[name=p1]').css("border", "3px groove red"); //查找所有div中，有属性p2的div元素 $('div[p2]').css("border", "3px groove blue"); //查找所有div中，有属性name中的值只包含一个连字符“-”的div元素 $('div[name="-"]').css("border", "3px groove #00FF00"); //查找所有div中，有属性name中的值包含一个连字符“空”的div元素 $('div[name~="a"]').css("border", "3px groove #668B8B"); //查找所有div中，属性name的值是用imooc开头的 $('div[name^=imooc]').css("border", "3px groove red"); //查找所有div中，属性name的值是用imooc结尾的 $('div[name$=imooc]').css("border", "3px groove blue"); //查找所有div中，有属性name中的值包含一个test字符串的div元素$('div[name*="test"]').css("border", "3px groove #00FF00"); //查找所有div中，有属性testattr中的值没有包含"true"的div $('div[testattr!="true"]').css("border", "3px groove #668B8B");查看全部
-
注意的问题： 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查看全部
-
this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
注意事项： 1.选择器适用于复选框和单选框，对于下拉框元素, 使用 :selected 选择器 2.在某些浏览器中，选择器:checked可能会错误选取到<option>元素，所以保险起见换用选择器input:checked，确保只会选取<input>元素查看全部
-
除了input筛选选择器，几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')查看全部
-
使用选择器的时候要注意空格的使用。查看全部
-
val()查看全部
-
$(":contains(text)") 选择含有指定文本的元素 $(":has(selector)") 选择包含指定元素的元素 $(":parent") 选择含有子元素或者文本的父级元素 $(":empty") 选择所有没有子元素的元素 :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点 $("a:parent”):选择所有a元素中,有子元素(是父元素)的a元素{html()有内容的a元素} $("a:empty”):选择所有a元素中,html()为空的a元素查看全部
-
选择器适用于复选框和单选框，对于下拉框元素，使用:selected选择器； 在某些浏览器中，选择器:checked可能会错误选取到<option>元素，所以保险起见换用选择器input:checked，确保只会选取<input>元素。查看全部
举报
0/150
提交
取消