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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 1,删除元素有两种方法:remove()和empty(),前者是删除元素本身和子元素,后面的只是删除子元素。注意是元素,而不是删除的样式。 2,$("span").remove(".red"); 3,$("span").empty(".green")如果元素里面没有子元素的话,删除的就是文本节点。也就是文字。empty("")可以看成删除节点
    查看全部
  • 1,使用each()方法可以遍历指定的元素集合,在遍历时,通过回调函数返回元素的序列号,它的调用格式为:$(selector).each(function(index))<br> 参数function为遍历的回调函数,index为遍历元素的序列号,它从0开始。<br> 2,举例子。有几个span.选中其中一个并为其添加样式<br> $("span").each(function(index){<br> if(index==2){ $(this).addClass("red"); } <br> 3,其中经常用到$(this)表示当前的元素。在遍历的时候return false会停止遍历 <br> )
    查看全部
  • 1,包裹元素的内容有两种方法:wrap()和wrapInner(),wrap()包裹的是元素的本身,意思就是在最外层又套了层标签,wrapInner()表示包裹元素中的内容,意思就是在最里面嵌入了一层标签。 2,代码重现:$(".red").wrap("<div></div>") 3,标签需要开始和结束标签都写上。
    查看全部
  • 1,替换内容有两种方法,一:&(selector).replaceWith(content)和$(content).replaceAll(selector); 参数selector为被替换的元素,content为替换的内容。这个替换包含解析HTML格式 2,区别是要替换的内容和被替换的元素的位置不同,replaceWith是后面替换前面的,replaceAll是前面替换后面的 var $html = "<span class='red' title='hi'>我是土豪</span>"; $($html).replaceAll(".green");
    查看全部
    0 采集 收起 来源:替换内容

    2018-03-22

  • 1,这里clone()指的是深度克隆,包含元素的节点,文本和属性。$(selector).clone(),这里的selector可以是一个元素或者html内容。 复制一个元素追加到页面后面: $("body").append($(".red").clone()); $("body").append($(".red").clone());
    查看全部
  • 1,before()和after()方法可以在元素的前后插入内容,$(selector).befor(content)和$(selector).after(content),带有html格式属性. 2,无论是before还是after,在后面写的,位置就是在后面。 var $html = "<span class='red'>兄弟。</span>" $(".green").after($html);
    查看全部
  • 1,$(content0).appendTo(selector).把前面的那个内容追加到后面那个元素的后面。 2,代码再现 <script type="text/javascript"> var $html = "<span class='red'>小青蛙</span>" $($html).appendTo("div");
    查看全部
  • 1,append(content)方法的功能是向指定的元素中追加内容,$(xxx).append(content),指定的元素就是xxx,被追加的content参数,可以是字符,HTML元素标记,还可以是一个返回字符串内容的函数。 2,例如追加一个返回字符串内容的函数: function rethtml() { var $html = "<div id='test' title='hi'>我是调用函数创建的</div>" return $html; } $("body").append(rethtml); }
    查看全部
  • 这里有一个新的用法比较新颖,需要牢记
    查看全部
  • 1、toggle() 方法当它没有参数时,它只有隐藏和显示的功能,必须要配合bind()方法来绑定事件(可以是click,也可以是mouseout……),就是需要一个动作来触发这个toggle()方法,以达到显示or隐藏被选中元素的功能。在后面的括号可以加时间(和定时器一样),表示显示隐藏变化所用的时间。2、当它是这种形式toggle(fun1,fun2,funN……)作为绑定多个函数的方法来用时,它本身就具备了click点击触发相应函数的功能了,点击相应的元素后会依次执行fun1,fun2,funN……这些个函数。当执行到最后一个函数时,再次点击将又返回执行第一个函数。
    查看全部
  • 1,removeAttr(name)移除元素的属性名。removeClass(class)移除元素的样式名。<br> 2,用removeAttr()方法移除元素的href属性后,再次显示元素的href属性时,则为空值,<a>元素中的文字也丢失可点击的效果。<br> 3,removeClass()和addClass()一样,如果要对多个样式名进行操作的话,中间需要用空格隔开。<br> 4,代码重现:$("#content").removeClass("blue white") 5,如果要移除所有的样式则removeClass()里面不写参数即可;
    查看全部
  • 1,attr("","")设置元素属性 attr("")获取元素属性 2,css("","")设置元素样式。 复用写法 attr(属性1:"",属性2:""); 3,类名选择器的应用 var $className=$(".类名1").html()
    查看全部
  • 使用ajaxSetup()方法设置全局Ajax默认选项 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可选项options参数为一个对象,通过该对象设置Ajax请求时的全局选项值。
    查看全部
  • 使用ajax()方法加载服务器数据 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。
    查看全部
  • 使用serialize()方法序列化表单元素值 使用serialize()方法可以将表单中有name属性的元素值进行序列化,生成标准URL编码文本字符串,直接可用于ajax请求,它的调用格式如下: $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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