-
1.在javascript中使用 “var divs = document.getElementsByClassName('aaron');”这样获取的是一个相同类的集合,如果你对这些元素进行操作(例如:修改样式),你必须将这些元素一个一个取出来,分别赋值,你不能对集合divs直接赋值(例如:// divs.style.background="blue";)2.假如你使用jquery的话,例如:$(".imooc"),取得一个集合,但是你可以直接对该集合进行赋值。这样就省略了一个元素一个元素赋值的过程。。查看全部
-
属性筛选选择器 通过属性来选中一个元素。 1.$("[attribute]")选中含有att属性的元素 2.$("[attribute^='val']选中以val开头的att属性值的元素 3.$("[attribute$='val']选中一val结尾的att属性值的元素,val区分大小写 4.$("[attribute*='val']选中含有val的att属性值的元素 5.$("[attribute!='val']选中不含有val的att属性值的元素 6.$("[attribute='val']选中att属性值是val的元素 7.$("[attribute~='val']选中att属性值中用空格分隔开的属性值是val的元素 8.$("[attribute|='val']选中att属性值以val开头或者含有val的元素 浏览器支持: [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"]能在网站中帮助我们匹配不同类型的文件查看全部
-
我们有几种方式可以隐藏一个元素: CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的,该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度,是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。查看全部
-
jQuery的属性与样式之删除样式.removeClass() removeClass( )方法 . removeClass( [className ] ):每个匹配元素移除的一个或多个用空格隔开的样式名 . removeClass( function(index, class) ) : 一个函数,返回一个或多个将要被移除的样式名 注意事项 . 如果一个样式类名作为一个参数,只有这样式类会被从匹配的元素集合中删除 。 如果没有样式名作为参数,那么所有的样式类将被移除 如:$('div').removeClass(); . 参数className 当前元素的类查看全部
-
可见性筛选选择器 1.$(":visible")选择可见的 2.$(":hidden")选择隐藏的 注意:这2个选择器都是 jQuery 延伸出来的,看起来比较简单,但是元素可见性依赖于适用的样式。 我们有几种方式可以隐藏一个元素: 1.CSS display的值是none。 2.type="hidden"的表单元素。 3.宽度和高度都显式设置为0。 4.一个祖先元素是隐藏的,该元素是不会在页面上显示 5.CSS visibility的值是hidden 6.CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度,是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。查看全部
-
$()是一个方法,功能是把普通dom对象转化为jquery对象 var $div = $('div')是获取界面所有的div。形成一个jquery对象。var $div = $(div)是将变量名为div的变量包装成一个jquery对象。在这个代码中获取的结果没区别。查看全部
-
1.$(":contains('text')")选择所有包含text(文本)的元素 2.$(":has(selector)")选择包含selector(标签)的元素 3.$("selector:parent")选择所有含有子元素或者文本的selector元素 4.$("selector:empty")选择所有没有子元素的selector元素 注意: 1.:contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素 2.如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。 3.:parent与:empty是相反的,两者所涉及的子元素,包括文本节点查看全部
-
jQuery的属性与样式之增加样式.addClass() addClass( className )方法 .addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名 .addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名 例如: //通过className(fucntion)方法 //这个函数返回一个或更多用空格隔开的要增加的样式名。 //接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容 //找到所有的div,然后通过addClass设置颜色,根据返回的className的判断, $("div").addClass(function(index,className) { //找到类名中包含了imooc的元素 if(-1 !== className.indexOf('imooc')){ //this指向匹配元素集合中的当前元素 $(this).addClass('imoocClass') } }); for语句中的-1,字符串的indexOf方法的反回值,如果找不到指定的字符串就返回-1,如果找到就返回其起始位置。 注意事项: .addClass()方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上 .jQuery通过addClass()方法给元素添加多个class,只需要在添加的class中用空格分开多个class既可查看全部
-
$( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器查看全部
-
不难发现,id、class、tag都可以通过原生的方法获取到对应的节点,但是我们还需要考虑一个兼容性的问题,我这里顺便提及一下,比如: IE会将注释节点实现为元素,所以在IE中调用getElementsByTagName里面会包含注释节点,这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中,表单元素中,如果表单A的name属性名用了另一个元素B的ID名并且A在B之前,那么getElementById会选中A IE8及较低的版本,浏览器不支持getElementsByClassName查看全部
-
通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素 描述: $( "*" ) 抛开jQuery,如果要获取文档中所有的元素,通过document.getElementsByTagName()中传递"*"同样可以获取到查看全部
-
元素选择器:根据给定(html)标记名称选择所有的元素 描述: $( "element" ) 搜索指定元素标签名的所有节点,这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持查看全部
-
jquery 元素的数据存储查看全部
-
描述: $( ".class" ) 类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选 jQuery除了选择上的简单,而且没有再次使用循环处理 不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理,所以使用jQuery选择节点,不仅仅只是选择上的简单,同时还增加很多关联的便利操作,后续我们还会慢慢的学到其他的优势。查看全部
-
id选择器:一个用来查找的ID,即元素的id属性 $( "#id" )查看全部
举报
0/150
提交
取消