-
JQ选择器之可见性筛选选择器 元素有显示状态与隐藏状态,jq根据元素的状态扩展了可见性筛选选择器:visible与:hidden 选择器 描述 $(":visible") 选择所有显示的元素 $(":hidden") 选择所有隐藏的元素 这两个选择器是jq延伸出的,虽然看上去比较简单,但是元素可见性依赖于使用的样式 :hidden选择器,不仅仅包含样式是 display="none"的元素,还包括隐藏表单、visibility等等 以下几种方式可以隐藏一个元素: 1.css display的值是none; 2.type="hidden"的表单元素; 3.宽度和高度都显式的设置为0; 4.一个祖先元素是隐藏的,该元素不会在页面上显示; 5.css visibility的值是hidden; 6.css opacity的值是0 如果元素占据文档中一定空间,那么元素被认为是可见的 可见元素的宽度或者高度是大于0 元素的visibility:hidden或者opacity:0被认为是可见的,因为他们仍然占用空间布局 不在文档中的元素是被认为不可见得,如果他们被插入到文档中,jq不能知道他们是否可见,因为元素的可见性依赖于适用的样式。查看全部
-
.html(),.text()和.val()的差异总结: 1. .html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。 2 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。 3.html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
$("div").html("......")查看全部
-
jq选择器之层级选择器 子元素 后代元素 兄弟元素 相邻元素 $("parent>child") 子选择器:选择所有指定“parent”元素中指定的“child”的直接子元素 $("ancestor descendart") 后代选择器:选择给定的祖先元素的所有后代元素,一个元素的后代可能是该元素的一个孩子、孙子、曾孙等 $("prev + next")相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev~siblings")一般兄弟选择器:匹配“prev”元素之后的所有兄弟元素,具有相同父元素,并匹配过滤“siblings”选择器 1.层级选择器都有一个参考节点 2.后代选择器包含子选择器的内容 3.一般兄弟选择器包含相邻兄弟选择器的内容 4.相邻兄弟选择器和一般兄弟选择器所选择到的匀速,在同一个父元素下查看全部
-
jq之元素选择器 根据给定(html)标记名称选择所有的元素 $("element")查看全部
-
jq选择器之 类选择器 类选择器,通过class样式类名来获取节点 描述:$(".class")查看全部
-
jq选择器之ID选择器 id选择器:一个用来查找的ID,即元素的id属性 代码:$("#id")查看全部
-
$( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器查看全部
-
类选择器,顾名思义,通过class样式类名来获取节点 描述: $( ".class" ) 类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选查看全部
-
jQuery选择器之id选择器 页面的任何操作都需要节点的支撑,开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的,让开发者可以更少的处理复杂选择过程与性能优化,更多专注业务逻辑的编写。 jQuery几乎支持主流的css1~css3选择器的写法,我们从最简单的也是最常用的开始学起 id选择器:一个用来查找的ID,即元素的id属性 $( "#id" )查看全部
-
jQuery选择器(05)可见性筛选选择器 1. $(":visible"),所有可见元素 2. $(":hidden"),所有不可见元素 我们有几种方式可以隐藏一个元素: 1. CSS display的值是none。 2. type="hidden"的表单元素。 3. 宽度和高度都显式设置为0。 4. 一个祖先元素是隐藏的,该元素是不会在页面上显示 5. CSS visibility的值是hidden 6. CSS opacity的指是0查看全部
-
jQuery选择器(04)内容筛选选择器 1. $(":contains(text)"),匹配中包含文本text的元素 2. $(":parent"),匹配中所有含有子元素或者文本的元素 3. $(":empty"),匹配中没有子元素的元素 4. $(":has(selector)"),匹配中包含指定选择器元素的元素查看全部
-
jQuery选择器(03)基本筛选选择器 1. $(":first"),第一个匹配元素; $("p:first"),所有p中的第一个p元素; 2. $(":last"),最后一个匹配元素 3. $(":not(selector)"), 去除selector中的元素 $("p:not(#myP)").css("border", "1px solid blue");选中所有的p元素除了id为myP的那个 4. $(":eq(index)"),匹配中等于index索引的元素; $("p:eq(0)"); 5. $(":gt(index)"),匹配中大于index索引的元素; 7. $(":lt(index)"),匹配中小于index索引的元素; 8. $(":even"),匹配中下标为偶数的元素,0开始; 9. $(":odd"),匹配中下标为奇数的元素,0开始; 10. $(":header"),所有标题元素; 11. $(":root"),文档根元素; 12. $(":animated"),正在执行动画的元素;查看全部
-
jQuery选择器(02)层级选择器 子元素、后代元素、相邻兄弟元素、一般兄弟元素 1. 子元素, var div = $("parent>son"); // son必须是parent的第一层直接子元素 2. 后代元素, var div = $("ancestor descendant"); // 所有后代 3. 相邻兄弟元素,var div = $("prev + next"); // 在同一父元素下pre后的第一个同级元素next 4. 一般兄弟元素,var div = $("prev ~ sibling"); // 在同一父元素下pre同级的所有元素查看全部
-
.get() 访问jq对象中相关的DOM节点,get方法提供一个元素的索引 var $div=$("div");//通过jq获取所有div元素 var div=$div.get(0);//通过get方法获取想要的节点,并转化为DOM对象 div.style.color="red"//操作DOM对象的属性 //jq对象是一个类数组对象。DOM对象是一个单独的DOM元素查看全部
举报
0/150
提交
取消