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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
$("ancestor descendent") 获取父元素下的所有子元素

$("parent > child") 获取父元素下的除去孙辈的子元素

$("previous + next") 仅仅获取previous这个元素的第一个相邻的元素

$("previous ~ sublings") 获取previous这个元素的所有相邻的同辈元素,不包括previous上面的元素
在这里面我修改了俩个小BUG 就是右移到一定程度的时候发现左移不了 所以我在右移的时候还减去了相反的距离 还有在不能同时左右移动,所以我加上了一个stop()。
$("#left").on("click",function(){$("#box").stop().animate({right:"-=50px",left:'+=50px'},500);});
$("#right").on("click",function(){ $("#box").stop().animate({right:'+=50px',left:"-=50px"},500);});
$("li:last-child").css("background-color", "blue");
$("li:first-child").css
$("li[title*='果']").css
$("li[title='蔬菜']").css
$("li:visible")//获取未隐藏的元素
$("li:has('label')").css("background-color","blue")
绑定元素的多个事件时,只需将事件用空格符隔开
live方法其实是bind方法的变种,其基本功能就同bind方法的功能是一样的,都是为一个元素绑定某个事件,但是bind方法只能给当前存在的元素绑定事件,对于事后采用JS等方式新生成的元素无效,而live方法则正好弥补了bind方法的这个缺陷,它可以对后生成的元素也可以绑定相应的事件。
http://blog.sina.com.cn/s/blog_4a60ba9c01013rgu.html
$("li:contains('jQuery')").css("background-color","green")
$("li:eq(2)").css("background-color","#ff33ff")
$("li:first").css("background-color", "red");//第一个
$("li:last").css("background-color","blue");//最后一个
$("p~label")
$("p+label")
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消