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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • clone()方法可以生成一个被选元素的副本,即复制了一个被选元素,包含它的节点、文本和属性,它的调用格式为: $(selector).clone() $("#name").clone() 克隆id是name的元素 <div id="name">把我这一句都克隆了</div>
    查看全部
  • 用before()和after()方法可以在元素的前后插入内容,它们分别表示在整个元素的前面和后面插入指定的元素或内容,调用格式分别为: $(selector).before(content)和$(selector).after(content) $("div").before("hahah") 在div前面插入hahah $("div").after("hhh") 在div后面插入hhh
    查看全部
  • 1.一个表单中只允许有一个“type”属性值为“submit”的提交按钮,使用:submit选择器可获取表单中的这个提交按钮元素。 2.:submit 选择器选取类型为 submit 的 <button> 和 <input> 元素; 如果 <button> 元素没有定义类型,大多数浏览器会把该元素当作类型为 submit 的按钮; 使用Jquery的$("from :submit")时会提取到button按钮; $("#frmTest(空格) :submit")//会提取到id为frmTest的form表单中的type为submit的元素按钮和button元素按钮 $("#frmTest input:submit")//只获取type为submit的元素按钮 3.<button>标签在Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。
    查看全部
  • $($html)返回的是包含着对象的对象可以理解为集合[object Object]
    查看全部
  • 多个元素匹配返回第一个。可以通过eq再精确控制! $("input:hidden:eq(0)").val();
    查看全部
  • 1.使用bind()方法绑定元素的事件:绑定前,需要知道被绑定的元素名,绑定的事件名称,事件中执行的函数内容就可以,它的绑定格式如下: $(selector).bind(event,[data] function);参数event为事件名称,多个事件名称在同一个引号下用空格隔开:"click mouseout",不能各自带引号. function为事件执行的函数。[data]为需要传入函数内部使用的参数(中括号表示为可选项),不常用; 2.$(document).ready(function(){})===$(function(){});
    查看全部
  • append(content)方法的功能是向指定的元素中追加内容,被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数。 会把内容当做innerHTML处理
    查看全部
  • $("h3,h2").css("background","blue");相当于既选h3又选h2
    查看全部
  • 使用ajax()方法加载服务器数据 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。
    查看全部
  • <body><br> <h3>removeClass()方法移除元素样式</h3><br> <div id="content" class="blue white">我脱下了一件蓝色外衣</div><br> <br> <script type="text/javascript"><br> $("#content").removeClass("blue white");<br> </script><br> </body><br> removeClass用来移除一个或多个类,若不指定类名则为移除全部类,若移除多个类,则各类名之间用空格隔开
    查看全部
  • 使用serialize()方法序列化表单元素值 使用serialize()方法可以将表单中有name属性的元素值进行序列化,生成标准URL编码文本字符串,直接可用于ajax请求,它的调用格式如下: $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身。
    查看全部
  • js中引入外部文件需要单独占一个script标签,即中间不能有js代码。如<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript">var oLi=document.getElementsByTagName("li"); alert(oLi)</script>,则其中的代码不会执行。 oLi=document.getElementsByTagName("li");返回的是数组alert[object HTMLCollection] 而oLi=$("li")返回的是集合,不能用数组方法操作alert[object Object] 如果你是写在HTML中,那HTML的标签是不分大小写的, 比如: <a href="#" id="myclick" onclick="dosomething();">Click me!</a> 这里的onclick,你可以写成ONCLICK,或是别的什么,因为那是HTML,HTML不分大小写。 但是如果你写成Javascript,那就不是这样了: 比如: var link = document.getElementById('myclick'); link.onclick = function(){ alert('hello'); } 你要把onclick改成onClick,那就是一个onClick的新方法,和 onclick事件无关。 onclick="alert("#");"没效果而onclick="alert(this);"可以<br> 原因:属性中的参数外面为双引号,里面需要为单引号 改为onclick="alert('#');即可
    查看全部
  • 一、ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发;ready()可以写多个,按顺序执行。 此外,下列写法是相等的:$(document).ready(function(){})===$(function(){}); 二、 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 $(document).ready()可以同时编写多个,并且都可以得到执行 3.简化写法 window.onload没有简化写法 $(document).ready(function(){})===$(function(){});
    查看全部
  • :submit提交按钮选择器 如 $("#frm input:submit") 这里必须加上input元素,与前面的有些不一样
    查看全部
  • 使用post()方法以POST方式从服务器发送数据 与get()方法相比,post()方法多用于以POST方式向服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下: $.post(url,[data],[callback]) 参数url为服务器请求地址,可选项data为向服务器请求时发送的数据,可选项callback参数为请求成功后执行的回调函数。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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