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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
$("选择").bind("触发的类型",function(){
//执行的操作
});
$(function(){
$("div").hover(function(){
$(this).addClass("orange")
},function(){
$(this).removeClass("orange")
})
});
$("div p").css("background","red");在div中的所有子、孙中有p标签的都被设置背景色为红色
$("div>p").css("background","red"); div中的子p起作用,孙p不起作用
$("div *").css("background","red");div中的所有都起作用
$("div+next").css("background","red");div比邻的(后面挨着的)
$("div~p").css("background","red");div后面所有邻居
html();选取时连同html片段也选取
text();选取的时候只选文本
html可以连带html一便获取,text只能获取文本
我曹,php文件不做判断,统一回复小于0。
我语文是数学老师教的,看不懂啥意思~·~
$(document).ready(function(){
$("li").on("click","#avalue",function(){
var txt=$("#avalue").text();
if(txt=="更多"){
$("#avalue").text("简化"); $("li:hidden").show();
}else{
$("#avalue").text("更多"); $("li:eq(4)").hide(); $("li:eq(5)").hide();
} }) })
delay是对动画队列的延时,而不是实时生效的
</ul>
<script>

$(".one").hide();

$("a").click(function(){
var txt=$("a").text();
if(txt == "更多"){
$(".one").show();
$(this).text("简化");
}else{
$(".one").hide();
$(this).text("更多")
}
})

</script>
<ol>和<ul>标签的区别:
<li>标签会自动添加序号
星号全部 逗号不相干 空格子孙孙辈 大于子辈 加号弟弟 波浪所有弟弟
function func()
{
var flag = $("a").text();
if( flag=="更多")
{
$("a").html('简化');
$("li:hidden").show();
}
else {

$("a").html('更多');
$("li:eq(4) ~ li").css("display","none");
}
}
$("div label").css("background-color","red");
$("span").each(function(index){
if(index == 1){
$(this).addClass("red");
}
});
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消