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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • .class 选择器(寻找红色铅笔) 通过class选择器的方式获取元素,并调用元素的attr()方法获取元素的类别名称,并将名称显示在页面中。 eg: var $redHTML = $(".red").html(); 或 var $redHTML = $(".red").attr("class"); $(".green").html($redHTML);
    查看全部
  • .class 选择器(寻找红色铅笔) eg: var $redHTML = $(".red").html(); 或 var $redHTML = $(".red").attr("class"); $(".green").html($redHTML);
    查看全部
  • $(“prev ~ siblings”) 相邻后排选择器,获取与prev相邻的后面的全部同一层次的siblings元素 如:$("p~label") 讲获得p后面的同一层次的label元素,只能是同一层次,嵌套在<div><label></label></div>里的label元素不会被获取
    查看全部
  • element 选择器(寻找铅笔) $(“element”)根据元素的名称可以查找到该元素. css()方法的功能是设置或获取元素的某项样式属性. eg: $("button").attr("disabled","true"); $("div").css("font-weight","bold");
    查看全部
  • #id 选择器(使用身份证号来找人) #id表示根据id选择器获取页面中指定的标签元素,且返回唯一一个元素; html()方法的功能是设置或获取元素中显示的内容. eg: 在id号为“default”的元素中显示id号为“divtest”元素的内容。 $("#default").html($("#divtest").html());
    查看全部
  • $()就是jQuery中的函数,它的功能是获得()中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。 在jQuery中 $()方法等价于jQuery()方法,前者比较常用,是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。
    查看全部
    0 采集 收起 来源:jQuery初体验

    2014-11-28

  • $(“prev + next”) 相邻选择器,选择离prev元素最近的下一个元素next,因为是最近,所以每一个prev元素只能返回一个next元素,如果选中了n个prev元素,则返回n个next元素。 如:$("p+label") 将返回离所有p元素下一个最邻近的label元素
    查看全部
  • (1)下载jQuery文件库 在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库。 (2)引入jQuery文件库 下载完jQuery框架文件后,并不需要任何的安装,仅需要使用<script>文件导入标记,将jQuery框架文件导入页面中即可,如: <script language="javascript" type="text/javascript" src="jquery-1.8.2.min.js"></script> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
    查看全部
    0 采集 收起 来源:环境搭建

    2018-03-22

  • 1.在页面的表单中增加了多个<input>类型的复选框元素,其中有的处于选中状态,通过jQuery选择器,将这些 选中状态的元素隐藏,代码为: $("form input:checked").hide(); 或 $("#id input:checked").hide(); 2.如何获取列表框元素中被选中元素的的值,代码为: $("select option:selected").text();
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • $(“parent > child”) 获取子元素,但不包括孙元素,也就是说只能获得下一层的元素 如:$("div>label") 获得div里子元素label,只能嵌套一层,即嵌套在p元素里的label元素将不能获取
    查看全部
  • var $txtOpt = $("#frmTest :selected").text(); $("#tip").html("选中内容为:" + $txtOpt); 使用:selected选择器获取处于选中状态的<option>元素,text()方法的功能是获取或设置元素的文本内容
    查看全部
  • 111
    查看全部
  • $("#frmTest :checked").attr("disabled", "true"); :checked选择器可以获取处于选中状态的元素
    查看全部
  • $("ance desc") 层次选择器,可以选择ancestor里面的descent,祖先里面的子孙元素 如:$("div p").css("background-color","blue"); 就可以将div里的全部p元素添加背景色,不管嵌套多少层
    查看全部
    0 采集 收起 来源:ance desc选择器

    2018-03-22

  • <form id="frmTest" action="#">...... <input id="Button1" type="button" value="我是普通按钮" />......(yes) <input id="Submit1" type="submit" value="点我就提交" />......(no) <button>我也是普通按钮</button>......(yes) <script type="text/javascript"> $("#frmTest :button").addClass("bg_blue"); </script> 使用:button选择器只能获取两种类型的普通按钮,并未获取表单中的“提交按钮”。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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