-
代码分析: $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
$("parent > chhild") 子选择器,指定parent中的child直接子元素 $("ancestor descnetant") 后代选择器,选中给定祖先元素的所有后代元素 $("prev + next") 相邻兄弟选择器,选择所有紧接在prev元素后的next元素 $("prev ~ siblings") 一般兄弟选择器 匹配“prev”元素之后的兄弟元素,拥有同一父元素 并匹配过滤“siblings”选择器查看全部
-
* 通配符 = 给所有元素设置默认的边距 *{padding: 0; margin: 0} <----> $(*)查看全部
-
元素选择器:根据给定的html标记名称选择所有的元素 document.getElementsByTagName <------> $("element")查看全部
-
类选择器:通过class样式类名来获取节点 document.getElementByClassName() <------> $(".class")查看全部
-
id选择器语法:$("#id")查看全部
-
$( "#id" ):查找ID的属性查看全部
-
通过标准的JavaScript操作DOM与jQuyer操作DOM的对比,我们不难发现: 通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。查看全部
-
$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值。查看全部
-
注意事项: :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) 的区别前者是从前往后计算,后者从后往前计算 $(':first-child'):针对所有父元素下的第一个子元素 $(':last-child'):针对所有父元素下的最后一个子元素 $(':only-child'):针对所有父元素下的只有一个子元素(只有唯一一个子元素) $(':nth-child(n)')针对所有父元素下的弟n个元素(这里的n是从1开始计数) $(':nth-last-child(n)')针对所有父元素下的倒数弟n个元素查看全部
-
$(":visible") 选择所有显示的元素 $(":hidden") 选择所有隐藏的元素 隐藏元素方法 1.CSS display:none; 2.type = "hidden"的表单元素; 3.宽度和高度都显式设置为0; 4.一个祖先元素是隐藏的,该元素是不会在页面上显示; 5.CSS visibility的值是hidden; 6.CSS opacity的值是0;查看全部
-
.addClass()方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上查看全部
-
.html(),.text()和.val()的差异总结: .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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
var value = $('.first').css(['width','height']); $('p:eq(2)').text( 'widht:' + value.width+ ' height:' +value.height ) 这里的value.width和value.height什么意思为什么用background-color或者font-size都不行? value是对象,background-color是value的一个属性,对象属性名里带"-"的属性要用 [ ] 来取,可以写成 var value = $('.first').css(['background-color','font-size']); $('p:eq(2)').text( 'background-color:' + value['background-color'] + ' font-size:' + value['font-size'] );查看全部
举报
0/150
提交
取消