-
jQuery选择器之层级选择器:http://img1.sycdn.imooc.com//5590e98b0001f60d06130229.jpg查看全部
-
var $p = $('#imooc'); $p.html('您好!通过慕课网学习jQuery才是最佳的途径').css('color','red');查看全部
-
this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值。查看全部
-
jQuery选择器之表单对象属性筛选选择器 1.$(":enabled") 选取可用的表单元素 2.$(":disabled") 选取不可用的表单元素 3.$(":checked") 选取被选中的<input>表单元素 4.$(":selected") 选取被选中的<option>元素 注意事项: 1.选择器适用于复选框和单选框,对于下拉框元素, 使用 :selected 选择器 2.在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见换用选择器input:checked,确保只会选取<input>元素查看全部
-
jQuery选择器之表单元素选择器 1.$(":input") 选择所有input,testarea,select和button元素; 2.$(":text") 匹配所有文本框; 3.$(":password") 匹配所有密码框; 4.$(":radio") 匹配所有单选按钮; 5.$(":checkbox") 匹配所有复选框; 6.$(":submit") 匹配所有提交按钮; 7.$(":image") 匹配所有图像域; 8.$(":reset") 匹配所有重置按钮; 9.$("button") 匹配所有按钮; 10.$("file") 匹配所有文件域; 注意事项: 除了input筛选选择器,几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')查看全部
-
1、:first只匹配一个单独的元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) 2、:last 只匹配一个单独的元素, :last-child 选择器可以匹配多个元素:即,为每个父级元素匹配最后一个子元素 3、如果子元素只有一个的话,:first-child与:last-child是同一个 4、 :only-child匹配某个元素是父元素中唯一的子元素,就是说当前子元素是父元素中唯一的元素,则匹配 5、jQuery实现:nth-child(n)是严格来自CSS规范,所以n值是“索引”,也就是说,从1开始计数,:nth-child(index)从1开始的,而eq(index)是从0开始的 6、nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算,后者从后往前计算查看全部
-
$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
class选择器可以选择多个元素,id选择器只能选择一个查看全部
-
> (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ (波浪线)任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 ,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
函数中的参数className为调用该函数的对象的className查看全部
-
:first只匹配一个单独的元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) :eq(n)也只能匹配一个单独的元素,但是nth-child(n)选择器可以匹配多个:即为每个父级元素匹配第n个子元素。查看全部
-
dom中有个概念的区分:Attribute和Property翻译出来都是“属性”,《js高级程序设计》书中翻译为“特性”和“属性”。简单理解,Attribute就是dom节点自带的属性。 例如:html中常用的id、class、title、align等: <div id="immooc" title="慕课网"></div> 而Property是这个DOM元素作为对象,其附加的内容,例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected 使用.prop()方法进行取值或赋值等查看全部
-
我们有几种方式可以隐藏一个元素: CSS display的值是 none。 type="hidden"的表单元素。 宽度和高度都显式设置为 0。 一个祖先元素是隐藏的,该元素是不会在页面上显示。 CSS visibility的值是 hidden。 CSS opacity的指是 0。查看全部
-
<script type="text/javascript"> //找到第一个div $(".div:first").css("color", "#CD00CD"); </script> <script type="text/javascript"> //找到最后一个div $(".div:last").css("color", "#CD00CD"); </script> <script type="text/javascript"> //:even 选择所引值为偶数的元素,从 0 开始计数 $(".div:even").css("border", "3px groove red"); </script> <script type="text/javascript"> //:odd 选择所引值为奇数的元素,从 0 开始计数 $(".div:odd").css("border", "3px groove blue"); </script> <script type="text/javascript"> //:eq //选择单个 $(".aaron:eq(2)").css("border", "3px groove blue"); </script> <script type="text/javascript"> //:gt 选择匹配集合中所有索引值大于给定index参数的元素 $(".aaron:gt(3)").css("border", "3px groove blue"); </script> <script type="text/javascript"> //:lt 选择匹配集合中所有索引值小于给定index参数的元素 //与:gt相反 $(".aaron:lt(2)").css("color", "#CD00CD"); </script>查看全部
-
$(":contains(text)") 指定所有文本元素 $(":parent") 所有子元素或文本元素 $(":empty") 没有子元素的元素 $(":has(seletor)") 包含指定选择器的元素查看全部
举报
0/150
提交
取消