-
用li:contains('土豪')代码,可以很方便地获取<li>中包含‘土豪’字符内容的全部元素,并且只要与选择的元素中或子元素中包含该字符内容,就可以被选中。 注意:li:contains('土豪') 土豪为什么必须加单引号呢?因为它是一个字符串,而不是一个变量,所以不加单或双引号的话是会报错的。查看全部
-
使用hover()方法切换事件: hover()方法的功能是当鼠标移到所选元素上时,执行方法中的第一个函数,鼠标移出时,执行方法中的第二个函数,实现事件的切实效果,调用格式如下: $(selector).hover(over,out); over参数为移到所选元素上触发的函数,out参数为移出元素时触发的函数。 $(function () { $("div").hover( function () { $(this).addClass("orange"); }, function () { $(this).removeClass("orange") }) }); 相当于: $(function(){ $("div").bind('mouseover',function(){ $(this).addClass("orange"); }); $("div").bind('mouseout',function(){ $(this).removeClass("orange"); }) })查看全部
-
show()和hide()加上speed 可以实现动画效果例如 $("ul").show(6000,function(){} $("ul").hide(6000,function(){}查看全部
-
通过调用$("li:eq(3)")过滤选择器代码,获取了第4个<li>元素,并使用css()方法设置了该元素在页面中显示的文字样式。查看全部
-
li:first过滤选择器可以很方便地获取ul列表中的第一个li元素. :first过滤选择器的功能是获取第一个元素,常常与其它选择器一起使用,获取指定的一组元素中的第一个元素。查看全部
-
show()和hide()方法用于显示或隐藏页面中的元素,它的调用格式分别为: $(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 参数speed设置隐藏或显示时的速度值,可为“slow”、“fast”或毫秒数值,可选项参数callback为隐藏或显示动作执行完成后调用的函数名。查看全部
-
$("ancestor descendent") 获取父元素下的所有子元素 $("parent > child") 获取父元素下的除去孙辈的子元素 $("previous + next") 仅仅获取previous这个元素的第一个相邻的元素 $("previous ~ sublings") 获取previous这个元素的所有相邻的同辈元素,不包括previous上面的元素查看全部
-
获取全部元素(div *) ancestor descendent 取得父元素下的所有子元素(div p) parent>child 取得父元素下的除去孙辈的子元素(div> p) previous+next 取得previous这个元素的下一个元素。(p+span) 上面三个取得的元素范围越来越小。查看全部
-
当一个元素的值发生变化时,将会触发change事件,例如在选择下拉列表框中的选项时,就会触change事件。查看全部
-
focus事件在元素获取焦点时触发,如点击文本框时,触发该事件;而blur事件则在元素丢失焦点时触发,如点击除文本框的任何元素,都会触发该事件。(也就是event) $(function () { $("input") .bind("focus", function () { $("div").html("请输入您的姓名!"); }) $("input") .bind("blur", function () { if ($(this).val().length == 0) $("div").html("你的名称不能为空!"); }) });查看全部
-
,形成复杂的层次关系,通过层次选择器,可以快速定位某一层次的一个或多个元素,ance desc选择器就是其中之一,它的调用格式如下: $("ance desc") 其中ance desc是使用空格隔开的两个参数。ance参数(ancestor祖先的简写)表示父元素;desc参数(descendant后代的简写)表示后代元素,即包括子元素、孙元素等等。两个参数都可以通过选择器来获取。比如家族姓氏“div”,家族几代人里,都有名字里带“span”的,就可以用这个ance desc选择器把这几个人给定位出来。 例如,使用层次选择器,获取<div>元素中的全部<span>元素,并设置它们显示的内容,查看全部
-
addClass()与css(): <style> .css{ background-color:blue; color:#fff } </style> <div id="content" >我穿了一件红色外衣</div> <script type="text/javascript"> $("#content").css({"background-color":"red","color":"#fff"}); $("#content").css({"background-color":"green","color":"white"}); $("#content").addClass("css"); </script>查看全部
-
有一个非常“牛”的选择器,“*”号选择器,它的功能是获取页面中的全部元素,“全部”啊!包括<head>、<body>、<script>这些元素查看全部
-
$("p~span")选择指定元素后面的元素查看全部
-
#("p+span")相邻选择器查看全部
举报
0/150
提交
取消