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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <title>挑战题</title> </head> <body> <ol id="stuList"></p> <script type="text/javascript"> $(function(){ var students=[ {"name": "汪宝灵",sex: "女",age: "26"}, {"name": "诺诺镑客",sex: "不详",age: "5"} ]; $.each(students,function(index,stu){ $("#stuList").append("<li><pre>姓名:"+stu.name+" | 性别:"+stu.sex+" | 年龄:"+stu.age+"</pre></li>"); }); }); </script> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 获取多个选择器 -> $(“sele1,sele2,seleN”)
    查看全部
  • $(“*”)获取页面中的全部元素 常与其他元素组合使用,表示获取其他元素中的全部子元素。如$("div *")
    查看全部
  • 消除上一个验证
    查看全部
  • :visible过滤选择器获取的是全部可见的元素,也就是说,只要不将元素的display属性值设置为“none”,那么,都可以通过该选择器获取。
    查看全部
  • 表单插件——form 通过表单form插件,调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的options对象获取服务器返回数据,调用格式如下: $(form). ajaxForm ({options}) 其中form参数表示表单元素名称;options是一个配置对象,用于在发送ajax请求过程,设置发送时的数据和参数。 其中:URL 是要发送数据的后台地址, target是接受到的数据显示的位置
    查看全部
  • LCZ
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery动画特效</title> <style> #divTest{ width:100px; height:100px; border:2px solid; position:relative; background:green; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#btnLeft").bind("click",function(){ $("#divTest").animate({ left: "-=50px"},100); }); $("#btnRight").bind("click",function(){ $("#divTest").animate({ left: "+=50px"},100); }); }); </script> </head> <body> <div id="divTest"></div> <div> <input id="btnLeft" type="button" value="<"/> <input id="btnRight" type="button" value=">"/> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • :hidden过滤选择器的功能是获取全部不可见的元素,这些不可见的元素中包括type属性值为hidden的元素。
    查看全部
  • 通过$("li:first-child")选择器代码,获取了两个<ul>父元素中的第一个<li>元素,并使用css()方法修改了它们在页面中显示的文字颜色。
    查看全部
  • $("li:has('p')")选择器代码,获取了包含<p>元素的全部<li>元素
    查看全部
  • :contains(text)选择器功能是选择包含指定字符串的全部元素,它通常与其他元素结合使用,获取包含“text”字符串内容的全部元素对象。其中参数text表示页面中的文字。
    查看全部
  • prev ~ siblings选择器也是查找prev 元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素
    查看全部
  • 在“spinner()”方法的配置对象中,“spin”事件在点击文本输入框右侧的上下按钮时触发,“change”事件在改变文本框值时触发。
    查看全部
  • 调用show()和hide()方法仅是实现的元素的显示和隐藏功能,如果在这些方法中增加“speed”参数可以实现动画效果的显示与隐藏,同时,如果添加了方法的回调函数,它将在显示或隐藏执行成功后被调用。
    查看全部
  • 微调按钮插件——spinner 微调按钮插件不仅能在文本框中直接输入数值,还可以通过点击输入框右侧的上下按钮修改输入框的值,还支持键盘的上下方向键改变输入值,调用格式如下: $(selector).spinner({options}); selector参数为文本输入框元素,可选项options参数为spinner()方法的配置对象,在该对象中,可以设置输入的最大、最小值,获取改变值和设置对应事件。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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