-
JS: var p = document.getElementById('imooc'); p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; 通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是一个DOM对象，再通过innerHTML与style属性处理文本与颜色。 jQuery: var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); 通过$('#imooc')方法会得到一个$p的jQuery对象，$p是一个类数组对象。这个对象里面包含了DOM对象的信息，然后封装了很多操作方法，调用自己的方法html与css，得到的效果与标准的JavaScript处理结果是一致的。查看全部
-
$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。 标签选择器$('p')、类选择器$('.myClass')、id选择器$('#myId')查看全部
-
层级选择器都有一个参考节点；后代选择器里包含子选择器；一班兄弟选择器不包含相邻兄弟选择器；一般兄弟选择器与相邻兄弟选择器在同一个父元素下查看全部
-
jquery提供的存储接口查看全部
-
.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
可见性筛选选择器：根据元素的显示状态和隐藏状态筛选元素 $(":visible")：选择所有显示的元素； $(":hidden")：选择所有隐藏的元素。 隐藏元素的方式： 1、CSS display的值是none； 2、type="hidden"的表单元素； 3、宽度和高度都显式设置为0； 4、一个祖先元素是隐藏的，该元素是不会在页面上显示； 5、CSS visibility的值是hidden； 6、CSS opacity的值是0； 如果元素中占据文档中一定的空间,元素被认为是可见的，可见元素的宽度或高度，是大于零。查看全部
-
基本筛选选择器针对的都是元素DOM节点； 内容筛选选择器通过内容来过滤 $(":contains(text)") 选择所有包含指定文本的元素 $(":has(selector)") 选择元素中至少包含指定选择器的元素 $(":parent") 选择所有含有子元素或者文本的元素 $(":empty") 选择所有没有子元素(包含文本节点)的元素 注意事项： 1、:contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 2、如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 3、:parent与:empty是相反的，两者所涉及的子元素，包括文本节点查看全部
-
> （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + （加号） 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ （波浪线）任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。 ,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
每個系列分為 壓縮版（compressed） 開發版（development） 開發過程使用開發版，項目上線使用壓縮版查看全部
-
基本筛选选择器： $(":first")：匹配第一个元素 $(":last")：匹配最后一个元素 $(":not(selector)")：selector是给定的选择器（筛选的条件），所有不符合这个选择器的，将被选中。 $(":eq(index)")：在匹配的集合中选择索引值为index的元素。 $(":even")：选择索引值为偶数的元素，从0开始计数。 $(":odd")：选择索引值为奇数的元素，从0开始计数。 $(":gt(index)")：选择匹配集合中，所有大于给定index(索引值)的元素。 $(":lt(index)")：选择匹配集合中，所有小于等于给定index(索引值)的元素。 $(":header")：选择所有标题元素，如h1,h2,h3等 $(":lang(language)")：选择指定语言的所有元素。 $(":root")：选择该文档的根元素。 $(":animated")：选择所有正在执行动画效果的元素 注意事项： 1、eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引 2、gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始 3、eq全称是equal(意思是“等于”)；gt全称是greater than(意思是大于)；lt全称是less than(意思是小于) $("input:not(checked)+p")解释： “:checked”也是一个筛选选择器，筛选选中的元素，:not用于取非，需要传入一个筛选选择器作为参数，+p是最终筛选结果的相邻兄弟选择器查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 兄弟节点div, +~选择器不能向前选择 $("prev + next") 相邻兄弟选择器：选择紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器 PS：层级选择器之间还是有很多相似与不同点 1、层级选择器都有一个参考节点 2、后代选择器包含子选择器的选择的内容 3、一般兄弟选择器包含相邻兄弟选择的内容 4、相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下查看全部
-
全选择器（*选择器）$("*")：传递*选择器来选中文档页面中的元素， document.getElementsByTagName()中传递"*"同样可以获取到； 浏览器的兼容性： 1、IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的； 2、getElementById的参数在IE8及较低的版本不区分大小写； 3、IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A； 4、IE8及较低的版本，浏览器不支持getElementsByClassName； PS：“= = =”表示数据和类型都相等查看全部
-
元素选择器$("element")：根据给定（html）标记名称选择所有的元素 搜索指定元素标签名的所有节点，这个是一个合集的操作，由getElementsByTagName()函数支持查看全部
-
类选择器$( ".class" )：通过class样式类名来获取节点，由getElementsByClassName()函数支持 类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选 JQuery的类选择器带了一个隐式的循环处理。查看全部
-
id选择器：$( "#id" )通过id得到jquery对象，由getElementById()函数支持 PS：id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生；有超过一个元素的页面使用相同的id是无效的。查看全部
举报
0/150
提交
取消