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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • :hidden过滤选择器的功能是获取全部不可见的元素,这些不可见的元素中包括type属性值为hidden的元素。 例如,调用:hidden选择器获取不可见的<p>元素,并将该元素的内容显示在<div>元素中
    查看全部
  • 与上一节介绍的:eq(index)选择器按索引查找元素相比,有时候我们可能希望按照文本内容来查找一个或多个元素,那么使用:contains(text)选择器会更加方便, 它的功能是选择包含指定字符串的全部元素,它通常与其他元素结合使用,获取包含“text”字符串内容的全部元素对象。其中参数text表示页面中的文字。
    查看全部
  • 图片灯箱插件lightBox
    查看全部
  • 在实际应用开发中,常常是多个元素嵌套在一起,形成复杂的层次关系,通过层次选择器,可以快速定位某一层次的一个或多个元素,ance desc选择器就是其中之一,它的调用格式如下: $("ance desc") 其中ance desc是使用空格隔开的两个参数。ance参数(ancestor祖先的简写)表示父元素;desc参数(descendant后代的简写)表示后代元素,即包括子元素、孙元素等等。两个参数都可以通过选择器来获取。比如家族姓氏“div”,家族几代人里,都有名字里带“span”的,就可以用这个ance desc选择器把这几个人给定位出来。
    查看全部
    0 采集 收起 来源:ance desc选择器

    2018-03-22

  • 有一个非常“牛”的选择器,“*”号选择器,它的功能是获取页面中的全部元素,“全部”啊!包括<head>、<body>、<script>这些元素,相当于可以取走你文具盒中的所有铅笔,格式为: $(“*”) 选择器中的参数就一个“*”,既没有“#”号,也没有“.”号。 由于该选择器的特殊性,它常与其他元素组合使用,表示获取其他元素中的全部子元素。 如下图所示: 使用*选择器,获取div中的所有子元素并设置三个子元素显示相同的内容。
    查看全部
  • :first-child子元素过滤选择器 如果想把页面中每个ul中的第一个li获取到,并改变其颜色。
    查看全部
  • $.get(url,data,success,datatype)是ajax中get方法的简写 $.ajax({ type:"get", url: url,//请求地址,*必需 data: data,//传送的数据,可选 success: function,//请求成功后执行的函数,可选 dataType: dataType//返回的数据类型,若不写JQuery自动判断,可选 });
    查看全部
  • [attribute*=value]属性选择器 <h3>改变"title"属性值包含"果"的背景色</h3> <ul> <li title="蔬菜">茄子</li> <li title="水果">香蕉</li> <li title="蔬菜">芹菜</li> <li title="人参果">小西红柿</li> <li title="水果">西瓜</li> </ul> <script type="text/javascript"> $("li[title*='果']").css("background-color", "green"); </script>
    查看全部
  • $.post(url,data,sunccess,datatype)是ajax中post方法的简写 $.ajax({ type: 'POST', url: url,//请求地址,*必需 data: data,//发送的数据,可选 success: function,//成功后执行的函数,可选 dataType: dataType//返回的数据类型,html,json,xml等,不写则JQuery自动判断,可选 });
    查看全部
  • [attribute!=value]属性选择器 <h3>改变"title"属性值不为"蔬菜"的背景色</h3> <ul> <li title="蔬菜">茄子</li> <li title="水果">香蕉</li> <li title="蔬菜">芹菜</li> <li title="水果">苹果</li> <li title="水果">西瓜</li> </ul> <script type="text/javascript"> $("li[title!='蔬菜']").css("background-color", "green"); </script>
    查看全部
  • [attribute=value]属性选择器---获取指定属性名和对应值的全部<li>元素 <h3>改变"title"属性值为"蔬菜"的背景色</h3> <ul> <li title="蔬菜">茄子</li> <li title="水果">香蕉</li> <li title="蔬菜">芹菜</li> <li title="水果">苹果</li> <li title="水果">西瓜</li> </ul> <script type="text/javascript"> $("li[title='蔬菜']").css("background-color", "green"); </script>
    查看全部
  • 使用:visible选择器获取可见的<p>元素,并将该元素的内容显示在<div>元素中 <h3>修改可见“水果”的背景色</h3> <ul> <li >橘子</li> <li >香蕉</li> <li >葡萄</li> <li>苹果</li> <li >西瓜</li> </ul> <script type="text/javascript"> $("li:visible").css("background-color","blue"); </script>
    查看全部
  • <div>改变包含"jQuery"字符内容的背景色:</div> <ol> <li>强大的"jQuery"</li> <li>"javascript"也很实用</li> <li>"jQuery"前端必学</li> <li>"java"是一种开发语言</li> <li>前端利器——"jQuery"</li> </ol> <script type="text/javascript"> $("li:contains('jQuery')").css("background", "green"); </script>
    查看全部
  • $.ajax({ url:"http://...", data:{num:$("...").val()}, dataType:"text", type:"post", success:function(data){ $("ul").append(data) } )
    查看全部
  • html()方法可以获取元素的HTML内容,因此,原文中的格式代码也被一起获取,而text()方法只是获取元素中的文本内容,并不包含HTML格式代码,所以它显示的内容并没有变“歪”。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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