-
if(-1 !== className.indexOf('imooc'))这句话什么意思? indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。所以-1 !== className.indexOf('imooc')是指className里包含了字符串“imooc”,那么if判断条件为真,继续执行if内部的语句。查看全部
-
<script type="text/javascript"> $("p").text($("#multiple").val()) </script>如何理解这句代码? <script type="text/javascript"> //多个select被选择,返回["imocc", "博客园"] $("p").text($("#multiple").val()) </script> $("p")-->找到<p>元素 .text()和.val()-->设置或返回被选元素的值 $("#multiple")-->找到id为multiple的出处 所以,$("p").text($("#multiple").val()) 这行代码中,你先看里面$("#multiple").val()-->就是找到id="multiple"的出处,然后用.val()取值。 到了外面,$("p").text(...)就是,找到<p>元素,然后.text(),将上面得到的值放到<p>元素里面 attr()和val()的区别求详细解答 attr()是获取或设置元素的属性,比如a标签的href属性,div标签的style属性,checkbox的checked属性。 val()是获取或设置表单元素的value值。只可以用于表单元素。查看全部
-
html()读取到的是元素中所有的内容,包括html标签也当成文本一样读取 而.text()是只读取其中的文本内容,不包括html标签. 如何理解text()里function的两个形参的作用 $(".left a:first").text(function(index,text){ return '增加新的文本内容' + text }) index为元素在集合中的索引位置,text为原先的text值。 前面的$()取到的可能是一个JQuery对象,也可能是一个JQuery对象数组。 进行text()时,是要对每一个对象进行操作,有一个隐式的循环。查看全部
-
这段代码没怎么看懂 $("input:eq(2)").attr('value',function(i, val){ return '通过function设置' + val }) 这里function(i,val),i是指当前元素的下标,因为$()里面只有1个元素,所以下标只能是0; val是当前元素的当前属性(这里是‘value')修改前的值; 这里函数return xxx+val,意思是把当前元素的当前属性设置成xxx加上原来的属性值(val) 简单的例子: HTML标签:<input value="aaa"/> JS:$("input").attr('value',function(i, val){ return 'bbb' + val }) 然后HTML标签变成<input value="bbbaaa"/>查看全部
-
通过实验可以看出:visible=hidden和opacity=0是可见的,因为他们仍然占有空间布局查看全部
-
选中第一类衣服中第9个a元素 代码为: $(".tag dd a:nth-child(10)"); 因为:nth-child(n)是选择他们所有父类的第n个元素,这里a:nth-child(10)的父类是dd,p也是a父类dd的一个子类,所以是10而不是9查看全部
-
this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值。查看全部
-
表单对象属性 选择器 表单对象属性选择器也是专门针对 表单元素的选择器 可以附加在其他选择器的后面 对表单元素进行筛选 $(":enabled") 选取可以使用的表单元素 $(":disabled")选取不可以使用的表单元素 $(":checked")选取被选择中的<input> $(":selected")选取被选择中的<option>元素 注意事项: 选择器适用于复选框和单选框,对于下拉框元素, 使用 :selected 选择器 在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见换用选择器input:checked,确保只会选取<input>元素查看全部
-
除了input筛选选择器,几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]') $(":input")匹配所有input、textarea、select和button元素 $("input:text")匹配所有文本框 $("input:password")匹配所有密码档 $("input:radio")匹配所有单选按钮 $("input:checkbox")匹配所有复选框 $("input:submit")匹配所有提交按钮 $("input:image")匹配所有图像域 $("input:reset")匹配所有重置按钮 $("input:button")匹配所有按钮 $("input:file")匹配所有文件域 注意事项: 除了input筛选选择器,几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')查看全部
-
$(":fist-chill")选择所有父级元素下的第一个子元素 $(":last-child") 选择所有父级下的最后一个子元素 $(":only-child") 如果某个元素是其父元素的唯一子元素,那么它就会被选中 $(":nth-child") 所有父级下第n个子元素(n从1开始) $(":nth-last-child")所有父级下倒数第n个子元素(n从1开始) 注意事项: :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) 的区别前者是从前往后计算,后者从后往前计算查看全部
-
属性筛选选择器: $('div[name=p1]'): //查找所有div中,属性name=p1的div元素 $('div[p2]'): //查找所有div中,有属性p2的div元素 $('div[name|="-"]')//查找所有div中,有属性name中的值只包含一个连字符“-”的div元素,或以连字符‘-’相连的前缀为字符“-”的div $('div[name~="a"]') //查找所有div中,有属性name中的值包含一个连字符“空”和“a”的div元素,以空格风格的属性中有属性值a $('div[name^=imooc]') //查找所有div中,属性name的值是用imooc开头的 $('div[name$=imooc]') //查找所有div中,属性name的值是用imooc结尾的 $('div[name*="test"]')//查找所有div中,有属性name中的值包含一个test字符串的div元素 $('div[testattr!="true"]')//查找所有div中,有属性testattr中的值没有包含"true"的div 浏览器支持: [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"]能在网站中帮助我们匹配不同类型的文件查看全部
-
visibility: hidden; 使元素不可见,不脱离文档流,设置隐藏后保留元素未隐藏前占据的位置;visibility: visible;使元素可见;display:none也可以使元素隐藏,但是脱离文档流,不保留位置。 function show (ele) { if (ele instanceof jQuery) { $("#show").html('元素的长度的 = ' + ele.length) } else { alert(ele+' 不是jQuery对象') } } 一个函数,函数名为show,该函数有一个参数(ele)。函数后面json的意思为:假如参数ele是jq里面的元素对象,则设置$('#show')元素的innerHTML内容为('元素的长度的 = ' + ele.length),如果不是,弹出~~~。 jQuery选择器之可见性筛选选择器 的ele.length。求ele的length是什么意思啊? 不是指jQuery的长度吗? 返回元素的数目,不是长度! 以下六种情况都是“肉眼”不可见的: 1.CSS display的值是none。 2.type="hidden"的表单元素。 3.宽度和高度都显式设置为0。 4.一个祖先元素是隐藏的,该元素是不会在页面上显示。 5.CSS visibility的值是hidden。 6.CSS opacity的指是0。 但是只要在文档中占有空间就认为是可见的(对文档可见对肉眼不可见),所以你所说的情况也就是后两种被文档被认为是可见的,前四种是不可见的。 ele instanceof jQuery这是什么意思? instanceof是比较两侧数据类型是否相同的,这里应该是判断ele是否为jQuery对象。脱离文档流的元素也算是可见的,不可见是设置了CSS display:none(不占位置,不显示),是HTML属性(HTML属性和CSS属性是不一样的,CSS可以修改HTML属性)。visibility:hidden是不可见但还占有空间。只有设置了这两个属性才是jQuery :visible选择器所能选中的对象查看全部
-
$(":contains(text)") 选择含有指定文本的元素//$(".class:contains('div')") --包含div这几个字母的 $(":has(selector)") 选择包含指定元素的元素//$(".class:has(div)") --包含div元素的 $(":parent") 选择含有子元素或者文本的父级元素//$("a:parent")--选择所有包含子元素或者文本(parent)的a元素 $(":empty") 选择所有没有子元素的元素 // $("a:empty") 注意事项: 1. :contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素 2. 如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。 3. :parent与:empty是相反的,两者所涉及的子元素,包括文本节点。查看全部
-
jQuery选择器之表单对象属性筛选选择器 除了表单元素选择器外,表单对象属性筛选选择器也是专门针对表单元素的选择器,可以附加在其他选择器的后面,主要功能是对所选择的表单元素进行筛选 表单筛选选择器的描述: 选择器 描述 $(":enabled") 选取可用的表单元素 $(":disabled") 选取不可用的表单元素 $(":checked") 选取被选中的<input>元素 $(":selected") 选取被选中的<option>元素 注意事项: 选择器适用于复选框和单选框,对于下拉框元素, 使用 :selected 选择器 在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见换用选择器input:checked,确保只会选取<input>元素查看全部
-
学编程,遇到一些简称的代码,去查清楚全称,记忆会更牢固,就比如eq全称是equal(意思是“等于”);gt全称是greater than(意思是大于);lt全称是less than(意思是小于)。 筛选选择器 $(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":not(selector)") 一个用来过滤的的选择器,选择所有元素去除不匹配给定的选择器元素 $(":eq(index)") 在匹配的集合中选择索引值为index的元素 $(":gt(index)") 选择匹配集合中所有大于给定index(索引值) $(":even") 选取索引值为偶数的元素,从0开始计数 $(":odd") 选取索引值为奇数的元素,从0开始计数 $(":lt(index)") 选取匹配集合中所有索引值小于给定index参数的元素 $(":header") 选择所有标题元素,像h1,h2,h3等 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":animated") 选择所有正在执行动画效果的元素 这句话什么意思? $("input:not(:checked)+p").css("background-color", "red"); 选择input中没有被选中的元素,然后找出这些元素的直接兄弟元素;你把这个选择拆开看就好懂了,比如既可以看看$("input")是什么效果,然后是$("input:not(:checked)")是什么效果,最后是$("input:not(:checked)+p")是什么效果,一对比你就比较清楚了。查看全部
举报
0/150
提交
取消