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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • $(".class"),可以获取css中的类元素
    查看全部
  • $("元素的名称"),可以获得该元素名的标签元素 attr(),能通过该方法设置或获取元素的某项属性值
    查看全部
  • $("#id"),可以获取名为id的标签元素。
    查看全部
  • $()就是jQurey中的函数,他的功能就是获得()中指定的标签元素。
    查看全部
    0 采集 收起 来源:jQuery初体验

    2016-04-14

  • jQuery的官方网站(http://jquery.com)
    查看全部
    0 采集 收起 来源:环境搭建

    2016-04-14

  • menu()将ul结构转换为多级菜单栏
    查看全部
  • 这些UI插件基本都是将html中某一块以一定规则变成特殊的格式
    查看全部
  • 自动将ul中的li变成标题将li的href中的对象设置为对应内容
    查看全部
  • <script type="text/javascript"> 多个事件用空格隔开 $(function () { $('#btntest').bind('click mouseout' , function () { $(this).attr("disabled", "true"); })
    查看全部
  • <script type="text/javascript"> $("#content").css({"background-color":"red","color":"white"}); </script> 要加{}
    查看全部
  • form是表单元素,本身并没有checked属性,加空格表示对属于form的子元素(后代元素)进行筛选是否是checked状态;而input本身有checked属性,是对其本身的checked状态进行筛选检查,所以不需要加空格。 总结一下就是说:有空格的是对子元素进行筛选,没有空格是对元素本身进行筛选。 这是为了符合css的规则惯例, 选择器之间有空格表示父元素 子元素关系,没有空格加冒号表示当前元素的伪类,比如 :hover :focus :checked,
    查看全部
    0 采集 收起 来源:练习题

    2016-04-14

  • <!DOCTYPE html> <html> <head> <title>*选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <form action="#"> <input id="Button1" type="button" value="button" /> <input id="Text1" type="text" /> <input id="Radio1" type="radio" /> <input id="Checkbox1" type="checkbox" /> </form> <script type="text/javascript"> //$("input").attr("disabled", "true"); $("form *").attr("disabled", "true"); </script> </body> </html>
    查看全部
  • <!DOCTYPE html> <html> <head> <title>.class选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="red">立正,向我这边看齐</div> <div class="green">我先歇歇脚</div> <script type="text/javascript"> var $redHTML = $(".red").html(); $(".green").html($redHTML); </script> </body> </html>
    查看全部
  • 最重要是不要忘记开始引入jquery文件啊!!! <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>last one</li> </ul> <a href='#'>更多</a> <script type="text/javascript"> $("li:gt(3):not(:last)").hide(); $("a").click(function(){ var avalue=$("a").html(); if(avalue=="更多"){ $("a").html("简化"); $("li").show(); }else{ $("a").html("更多"); $("li:gt(3):not(:last)").hide(); } }); </script> </body>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行。
    查看全部

举报

0/150
提交
取消
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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