-
属性作为DOM元素的一个重要特征,也可以用于选择器中,从本节开始将介绍通过元素属性获取元素的选择器,[attribute=value]属性选择器的功能是获取与属性名和属性值完全相同的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value表示属性值。例如获取指定属性名和对应值的全部li元素,并将他们的背景色改为绿色; $("li:[title='蔬菜']").css("color","green"); 其中可以取消Title之前的元素,如果取消此前的元素,将默认是所有属性名和属性值相同的元素;查看全部
-
:visible是获取所有显示的元素,例将li元素下所有显示的元素的背景色修改为蓝色 $("li:visible").css("background-color","blue");查看全部
-
:hidden过滤选择器的功能是获取全部不可见的元素,这些不可见的元互澡包括type属性值为Hidden的元素。例如调用;hidden选择器获取不可见的<P>元素,并将该元素的内容显示在<div>中;代码如下 var $strHtml=$("input:hidden").val(); $("div").html($strHtml);查看全部
-
attr()方法的功能是设置或获取元素的某项属性值。查看全部
-
除了在上一小节介绍的使用字符串:contains(text)内容过滤元素之外,还可以使用包含的元素名称来过滤,:has(selector)过滤选择器的功能是获取选择器中包含指定元素名称的全部元素,其中selector参数就是包含的元素名称,是被包含元素。例 如获取指定包含某个元素的全部li元素,并改变它们文字的颜色$("li:has('p')").css("background-color","blue");目前就是找出Li下所有的P元素,并将P元素的背景颜色改为蓝色;查看全部
-
:contains(text)过滤选择器,与上一节介绍的eq(index)选择器按索引查找元素相比,有时候我们可能希望按照文本内容来查找一个或者多个元素,那么使用:contains(text)选择器会更加方便,它的功能是选择包含指定字符串的全部元素,它通常与其他元素结合使用,获取包含“text”字符串的全部元素对象。其中text表示页面中的文字。具体用法如下$("li:contains('jQuery')").css("color","red");查看全部
-
prev ~ siblings选择器也是查找prev 元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素,查看全部
-
prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素,格式如下: $(“prev + next”) 其中参数prev为任何有效的选择器,参数“next”为另外一个有效选择器,它们之间的“+”表示一种上下的层次关系,也就是说,“prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯的一个元素。查看全部
-
时需要精确的选择任意多个指定的元素,类似于从文具盒中挑选出多根自已喜欢的笔,就需要调用sele1,sele2,seleN选择器,它的调用格式如下: $(“sele1,sele2,seleN”) 其中参数sele1、sele2到seleN为有效选择器,每个选择器之间用“,”号隔开,它们可以是之前提及的各种类型选择器,如$(“#id”)、$(“.class”)、$(“selector”)选择器等查看全部
-
实践证明,由于使用*选择器获取的是全部元素,因此,有些浏览器将会比较缓慢,这个选择器也需要谨慎使用查看全部
-
有空格键查看全部
-
**插件部分,记得将相应的js文件引入到html中 通过调用自定义插件twoaddresult中的不同方法,可以实现对两个数值进行相加和相减的运算,导入插件后,调用格式分别为: $.addNum(p1,p2) 和 $.subNum(p1,p2) 上述调用格式分别为计算两数值相加和相减的结果,p1和p2为任意数值。查看全部
-
自定义的lifocuscolor插件可以在<ul>元素中,鼠标在表项<li>元素移动时,自定义其获取焦点时的背景色,即定义<li>元素选中时的背景色,调用格式为: $(Id).focusColor(color) 其中,参数Id表示<ul>元素的Id号,color表示<li>元素选中时的背景色。查看全部
-
右键菜单插件可以绑定页面中的任意元素,绑定后,选中元素,点击右键,便通过该插件弹出一个快捷菜单,点击菜单各项名称执行相应操作,调用代码如下: $(selector).contextMenu(menuId,{options}); Selector参数为绑定插件的元素,meunId为快捷菜单元素,options为配置对象。查看全部
-
搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定,当文本框输入字符时,绑定后的插件将返回与字符相近的字符串提示选择,调用格式如下: $(textbox).autocomplete(urlData,[options]); 其中,textbox参数为文本框元素名称,urlData为插件返回的相近字符串数据,可选项参数options为调用插件方法时的配置对象。查看全部
举报
0/150
提交
取消