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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 删除元素 empty()是清空元素中的内容,被选元素标签仍然存在【empty() 没有参数】 remove()是清空所有的包括被选元素标签 可以通过添加过滤参数指定需要删除的某些元素 $(".green").empty(); //empty() 没有参数 $("span").remove(".red");
    查看全部
  • 使用each()方法遍历元素 使用each()方法可以遍历指定的元素集合,在遍历时,通过回调函数返回遍历元素的序列号,它的调用格式为: $(selector).each(function(index)) 参数function为遍历时的回调函数,index为遍历元素的序列号,它从0开始。
    查看全部
  • wrap()和wrapInner()方法都可以进行元素的包裹. 但wrap()用于包裹元素本身,wrapInner()则用于包裹元素中的内容,它们的调用格式分别为: $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素,wrapper参数为包裹元素的格式。
    查看全部
  • 替换内容 $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。 $(".green").replaceWith($html); $($html).replaceAll(".green");
    查看全部
    0 采集 收起 来源:替换内容

    2018-03-22

  • 调用clone()方法可以生成一个被选元素的副本,即复制了一个被选元素,包含它的节点、文本和属性,它的调用格式为: $(selector).clone() 其中参数selector可以是一个元素或HTML内容。 $("body").append($(".red").clone()); $(".red").clone().appendTo("body");
    查看全部
  • 使用before()和after()在元素前后插入内容 $(selector).before(content)和$(selector).after(content) var $html = "<span class='red'>兄弟。</span>" $(".green").after($html); 在类为“green”的元素后面添加“$html”内容
    查看全部
  • $(content).appendTo(selector) 参数content表示需要插入的内容,参数selector表示被选的元素,即把content内容插入selector元素内,默认是在尾部。 var $html = "<span class='red'>小青蛙</span>" $($html).appendTo("div"); 添加“$html”到“div”中
    查看全部
  • append(content)方法的功能是向指定的元素中追加内容, 被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数。 $("body").append(rethtml()); 添加 函数 $("body").append("<div id='test' title='hi'>我是html元素标记创建的</div>"); 添加 html元素标记
    查看全部
  • 需要熟记一些语法
    查看全部
    0 采集 收起 来源:编程挑战

    2016-07-13

  • <script type="text/javascript"> $(function () { $("div").bind("change-color", function () { $(this).addClass("color"); }); $("div").click(function(){ $(this).trigger("change-color"); }) }); </script>
    查看全部
  • <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>操作元素属性</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> <h3>attr()方法设置元素属性</h3> <a href="http://127.0.0.1" id="a1">点我就变</a> <div>我改变后的地址是:<span id="tip"></span></div> <script type="text/javascript"> $("a").attr("href","www.imooc.com"); //var $imooc=$("a").attr("href"); $("#tip").html($("a").attr("href")); </script> </body> </html>
    查看全部
  • 使用html()和text()方法操作元素的内容,当两个方法的参数为空时,表示获取该元素的内容,而如果方法中包含参数,则表示将参数值设置为元素内容。 html()方法可以获取元素的HTML内容,格式代码也被一起获取,而text()方法只是获取元素中的文本内容,
    查看全部
  • attr(属性名,属性值) :设置或改变属性值;如 id class title value 等 attr(属性名) :获取属性值; $("#a1").attr("href" , "www.imooc.com"); var $url = $("#a1").attr("href"); $("#tip").html($url);
    查看全部
  • :selected选择器只能获取<select>下拉列表框中全部处于选中状态的<option>选项元素。
    查看全部
  • :checked选中状态选择器 有一些元素存在选中状态,如复选框、单选按钮元素,选中时“checked”属性值为“checked”,调用:checked可以获取处于选中状态的全部元素
    查看全部

举报

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

微信扫码,参与3人拼团

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

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