为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
一节中介绍的prev + next层次选择器相同,prev ~ siblings选择器也是查找prev 元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素,它的调用格式如下:
$(“prev ~ siblings”)
其中参数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系,表明siblings选择器获取的元素都是prev元素之后的同辈元素。例如,使用prev ~ next选择器,获取<p>元素后面相邻的全部元素,并设置它们在页面中显示的内容,
通过prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素,格式如下:

$(“prev + next”)

其中参数prev为任何有效的选择器,参数“next”为另外一个有效选择器,它们之间的“+”表示一种上下的层次关系,也就是说,“prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯的一个元素。

例如,使用prev + next选择器,获取<p>元素最近邻的下一个元素,
用$("div>span")选择器代码,获取的是<div>“家庭中”全部“子辈”<span>元素,不包括“孙辈”<span>元素和“家庭外”的<span>元素。
实际应用开发中,常常是多个元素嵌套在一起,形成复杂的层次关系,通过层次选择器,可以快速定位某一层次的一个或多个元素,ance desc选择器就是其中之一,它的调用格式如下:

$("ance desc")

其中ance desc是使用空格隔开的两个参数。ance参数(ancestor祖先的简写)表示父元素;desc参数(descendant后代的简写)表示后代元素,即包括子元素、孙元素等等
用格式如下:

$(“sele1,sele2,seleN”)

其中参数sele1、sele2到seleN为有效选择器,每个选择器之间用“,”号隔开,它们可以是之前提及的各种类型选择器,如$(“#id”)、$(“.class”)、$(“selector”)选择器等。

例如,通过选择器获取其中的任意两个元素,并将它
我们在上一小节介绍了通过使用元素名称查询元素的方法,其实,还可以通过元素的类别属性查找元素,就好比在文具盒中要找一个“红色”铅笔一样,根据元素的某个特征进行查找,它的调用格式如下:

$(“.class”)

其中.class参数表示元素的CSS类别(类选择器)名称。

例如,在页面中,通过class选择器获取某个元素,并显示该元素的class类别名称,如下图所示:
双引号没用 。。。。。
css文件.red{
background-color:red;
}
.white{
color:white;
}
html文件
$("#content").addClass("red white");
$("#left").bind("click",function(){
$("div").animate({left: "-=50px"},3000);
});
$("#right").bind("click",function(){
$("div").animate({left: "+=50px"},3000);
});
jQuery的代码确实简单,相当于集成过后的JS,JS写一个运动框架很麻烦,这个真是简单。站在前人的肩膀上真是有幸
获取第一代子元素的语法是parent>child选择器,因此B、C、D选项是不正确的
这个toggle的方法需要注意,我自己在jquery官网下载了最新版本,测试一直不成功,很操蛋,查看了一些api说明,才知道,这个toggle方法在1.9以后就不支持轮番切换的这个功能了,只保留了显示和影藏的功能,大家一定要注意啊
你在css文件中只写了.bg_blue
$(function () { $("#btntest").bind("click", function () { $("div").toggle(function(){ $("div").html("1111"); },function(){ $("div").html("2222"); },function(){ $("div").html("3333"); }) }) }); 写不对。 求解答
<script type="text/javascript">
$(function () {
$("div").hover(function () {
$(this).addClass("orange");
},function () {
$(this).removeClass("orange")
})
});
</script>
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消