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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
上班,闲的时候,偷偷的看,哈哈
<div> <ul><li title="hidden" style="display:none">1</li>
<li title="hidden" style="display:none">2</li>
<li title="display">3</li><li title="display">4</li><li title="display">5</li><li title="display">6</li><li title="display">7</li><li><a href="#">更多</a></li></ul></div>
$(document).ready(function(){$("a").click(function(){
if($("a").html()=="更多"){
$("a").html("简化"); $("li[title='hidden']").show();
}else{
$("a").html("更多"); $("li[title='hidden']").hide();
} })})
一定要记得引入jQuery
var $strHTML = $("input:hidden").val();
$("div label").css("background-color","blue");
$(".red,.green").html("hi,我们的样子很美哦!");
$(".red,.blue").html("hi,我们的样子很美哦!");
$()中的()不一定是指定元素,也可能是函数。
不加next,就只有p+也达到了同意的效果
不是lifocuscolor
而是 focusColor
<script type="text/javascript">
var jsons = [{"name":"wwwo","age":"12"},{"name":"gdao1","age":"122"},{"name":"g2o2","age":"132"}]
$(function () {
$.each(jsons, function (index, data) {
$("#divtest").append("<li>"+data.name+"--"+data.age+"</li>");});});
</script>
<script type="text/javascript">
$(function () {
$("#btntest").bind("click", function () {
$("div").toggle();
})
});
</script>
$("a").click(function(){
if($("a").html()=="更多"){
$("a").html("简化");
}else{
$("a").html("更多");
}
$("li[style]").toggle();
})
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消