-
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
提交
取消