-
$(this)是jquery对象，能调用jquery的方法，例如click(), keyup()。 而this,则是html元素对象，能调用元素属性，例如this.id,this.value。 例如假设已经使得this和$(this)都指向了input对象了，若要获得input的值,可以this.value，但$(this)就得$(this).val()。查看全部
-
$this是变量。$(this)是选择器。 var $this= $(this) 即定义变量$this，并把$(this)选择器的值赋给它。查看全部
-
$this是变量。$(this)是选择器。 var $this= $(this) 即定义变量$this，并把$(this)选择器的值赋给它。查看全部
-
1.使用选择器获取需要隐藏或显示的元素对象。 2.调用元素对象的toggle()无参数方法，如果元素显示，则隐藏，否则，就显示。查看全部
-
$this只是个自定义的变量； $(this)是将当前don对象转换成jquery对象 ； 一般定义jquery变量习惯$开头，提高可读性而已。 $(this)是把DOM对象封装成jquery对象，其相当于一个集合。 用法如下： <a href="http://IP/q/1010000000125418" target="_blank" data-id="1010000000125418">jQuery</a> $('a').click(function(){ this.innerHTM==$(this).html()=='jQuery';//三者是一样的. this.getAttribute('href')==this.href==$(this).attr('href')//三者是一样的; this.getAttribute('target')==this.target==$(this).attr('target')//三者是一样的; this.getAttribute('data-id')==$(this).attr('data-id')//二者是一样的; });查看全部
-
form是表单元素，本身并没有checked属性，加空格表示对属于form的子元素（后代元素）进行筛选是否是checked状态；而input本身有checked属性，是对其本身的checked状态进行筛选检查，所以不需要加空格。 总结一下就是说：有空格的是对子元素进行筛选，没有空格是对元素本身进行筛选。 这是为了符合css的规则惯例， 选择器之间有空格表示父元素 子元素关系，没有空格加冒号表示当前元素的伪类，比如 :hover :focus :checked查看全部
-
:input,冒号前必须有空格，否则无效查看全部
-
eq（index）过滤选择器与first、last选择器的区别在于可以按照索引选白费 指定的元素； 用法如下 :eq(index)其中参数index表示索引号即一个整数，它从0开始，如果index的值为3，那么选择的是第4个元素；例如 $("li:eq(3)").css("color","red");可以改变li元素第四个的颜色背景为红色；查看全部
-
与上一节中介绍的prev + next层次选择器相同，prev ~ siblings选择器也是查找prev 元素之后的相邻元素，但前者只获取第一个相邻的元素，而后者则获取prev 元素后面全部相邻的元素查看全部
-
:first过滤选择器，该类型的选择器根据某过滤规则进行元素的匹配，书写时以“：”号开头，通常用于查找集合元素中某一位置的单个元素。在Jquery中，如果想得到一组相同标签元素中的第一个元素该使用 $("li:first");最后一个元素为$("li:last");查看全部
-
ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行查看全部
-
<!DOCTYPE html> <html> <head> <title>:hidden过滤选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <h3>显示隐藏元素的内容</h3> <input id="hidstr" type="hidden" value="我已隐藏起来"/> <div></div> <script type="text/javascript"> var $strHTML = $("input:hidden").val(); $("div").html($strHTML); </script> </body> </html>查看全部
-
<!DOCTYPE html> <html> <head> <title>:has(selector)过滤选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div>改变包含"label"元素的背景色：</div> <ol> <li><p>我是P先生</p></li> <li><label>L妹纸就是我</label></li> <li><p>我也是P先生</p></li> <li><label>我也是L妹纸哦</label></li> <li><p>P先生就是我哦</p></li> </ol> <script type="text/javascript"> $("li:has('label')").css("background-color", "blue"); </script> </body> </html>查看全部
-
<!DOCTYPE html> <html> <head> <title>:contains(text)过滤选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div>改变包含"jQuery"字符内容的背景色：</div> <ol> <li>强大的"jQuery"</li> <li>"javascript"也很实用</li> <li>"jQuery"前端必学</li> <li>"java"是一种开发语言</li> <li>前端利器——"jQuery"</li> </ol> <script type="text/javascript"> $("li:contains('jQuery')").css("background", "green"); </script> </body> </html>查看全部
-
<!DOCTYPE html> <html> <head> <title>:eq(index)过滤选择器</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <div>改变中间行"葡萄"背景颜色：</div> <ol> <li>橘子</li> <li>香蕉</li> <li>葡萄</li> <li>苹果</li> <li>西瓜</li> </ol> <script type="text/javascript"> $("li:eq(2)").css("background-color", "#60F"); </script> </body> </html>查看全部
举报
0/150
提交
取消