-
id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素查看全部
-
摘录: > (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ (波浪线)任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 ,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
发现这样也行: <script type="text/javascript"> //通过原生方法处理 var div = document.getElementById('aaron'); div.style.border = "3px solid blue"; $("#imooc").css("border", "3px solid red"); </script>查看全部
-
节点与节点直接就会存在父子,兄弟,祖孙的关系了。 选择器中的层级选择器就是用来处理这种关系:子元素 后代元素 兄弟元素 相邻元素 子选择器:$('div > p') 选择所有div元素里面的子元素P 关系;父子 后代选择器:$('div p') 选择所有div元素里面的p元素 关系:父子、祖孙 相邻兄弟选择器:$('.prev+div')选取类名为prev后面的第一个的div兄弟节点 关系:兄弟(哥哥下年龄最大的弟弟) 相邻选择器:$('.prev~div') 选取类名为prev后面的所有的div兄弟节点 关系:相邻(哥哥后面的所有弟弟) 注意: +选择器$('.prev+next')在选取类名为.prev后的第一个元素 + 和~选择器不能向前选择即$(".prev+next")在选取类名为.prev后的元素而不会往前面的元素选取查看全部
-
获取文档中所有的元素: document.getElementsByTagName('*') $( "*" ) id、class、tag都可以通过原生的方法获取到对应的节点,但是还需要考虑一个兼容性的问题.如: IE会将注释节点实现为元素,所以在IE中调用getElementsByTagName里面会包含注释节点,这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中,表单元素中,如果表单A的name属性名用了另一个元素B的ID名并且A在B之前,那么getElementById会选中A IE8及较低的版本,浏览器不支持getElementsByClassName 所以在使用dom对象就一个基本的选择器上面都需要做这么多兼容。如果大家对jQuery的实现感兴趣,可以看我另一个门课程 《jQuery源码解析》查看全部
-
元素选择器: dom对象中的元素选择器 getElementsByTagName(元素名)函数 jQuery对象中的元素选择器 $("元素名") 修改元素的css样式 $("选择器").css("属性","属性值")查看全部
-
类选择器,顾名思义,通过class样式类名来获取节点 描述:$( ".class" ) 通过比较发现:jQuery除了选择上的简单,而且没有再次使用循环处理 发现问题:想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理,所以使用jQuery选择节点,不仅仅只是选择上的简单,同时还增加很多关联的便利操作,后续我们还会慢慢的学到其他的优势。查看全部
-
修改id值为id1的边框为3像素 实线 红色 $('#iid1').css("border", "3px solid red");查看全部
-
快速高效的找到指定的节点,jQuery提供了一系列的选择器帮助开发者达到这一目的,让开发者可以更少的处理复杂选择过程与性能优化,更多专注业务逻辑的编写。 方法一:$( "#id" ) id选择器:一个用来查找的ID,即元素的id属性 注意:id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的查看全部
-
alert($); // function( selector, context ) { // The jQuery object is actually just the init constructor 'enhanced' return new jQuery.fn.init( selector, context, rootjQuery ); }查看全部
-
1、$(参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用。 2、如果传递给$(DOM)函数的参数是一个DOM对象,jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 3、jquery对象.fist()方法找到jquery对象下的第一个div元素查看全部
-
问题:那还有什么情况来区分DOM对象和jQuery对象呢? jQuery与DOM能够相互的转换,它们都是可以操作的DOM元素,jQuery是一个类数组对象(数组结构),而DOM对象就是一个单独的DOM元素。 1、利用数组下标的方式读取到jQuery中的DOM对象 var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 2、通过jQuery自带的get()方法 var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法,转化成DOM对象查看全部
-
DOM对象:通过dcument.getElementById(“imooc”) 方法获取的DOM元素就是一个DOM对象 jQuery对象:通过$('#imooc')方法会得到一个$p的jQuery对象,$p是一个类数组对象。 区别: 1、通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。 2、通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。查看全部
-
$(document).ready() 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
引用js库,弹出$变量查看全部
举报
0/150
提交
取消