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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • $("p")会得到一组p标签元素,其中“p”表示css中的标签选择器。 $()中的()不一定是指定元素,也可能是函数 在jquery中$()方法等价于jquery(),前者比较常用,是后者的简写,一般只有在$()与其他语言冲突时才会使用jquery()
    查看全部
    0 采集 收起 来源:jQuery初体验

    2018-03-22

  • 7.使用ajax()方法加载服务器数据 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。 例如,点击页面中的“加载”按钮,调用ajax()方法向服务器请求加载一个txt文件,并将返回的文件中的内容显示在页面
    查看全部
  • 通过class选择器获取某个元素,并显示该元素的class类别名称 <script type="text/javascript"> var $className=$(".red").attr("class"); $(".red").html($className); </script>
    查看全部
  • <script> $(function(){ $("li:eq(0),li:eq(1),li:eq(2)").css("display","none"); $("a").click(function(){ if($(this).html()=="更多"){ $(this).html("简化"); $("li").css("display","block"); } else { $(this).html("更多"); $("li:eq(0),li:eq(1),li:eq(2)").css("display","none"); } }); }) </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 代码: <script type="text/javascript"> $(function () { $("#btnAction").bind("click", function () { $("#litest").html($("form").serialize()); }) }) </script>
    查看全部
  • 6.使用serialize()方法序列化表单元素值 使用serialize()方法可以将表单中有name属性的元素值进行序列化,生成标准URL编码文本字符串,直接可用于ajax请求,它的调用格式如下: $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身。 例如,在表单中添加多个元素,点击“序列化”按钮后,调用serialize()方法,将表单元素序列化后的标准URL编码文本字符串显示在页面中,
    查看全部
  • attr()方法的功能:设置获取元素的某项属性值。 将按钮设置为不可用:$("button").attr("disabled","true");
    查看全部
  • css()方法的功能:设置或获取元素的某项样式属性
    查看全部
  • 改变颜色$("……").css("color/background","#……")或者addclass(),在css文件里改变颜色,然后triggt("change-color")
    查看全部
  • " :input"有空格
    查看全部
  • 5.使用post()方法以POST方式从服务器发送数据 与get()方法相比,post()方法多用于以POST方式向服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下: $.post(url,[data],[callback]) 参数url为服务器请求地址,可选项data为向服务器请求时发送的数据,可选项callback参数为请求成功后执行的回调函数。 例如,在输入框中录入一个数字,点击“检测”按钮,调用post()方法向服务器以POST方式发送请求,检测输入值的奇偶性,并显示在页面中
    查看全部
  • 代码: <script type="text/javascript"> $(function () { $("#btnCheck").bind("click", function () { $.post("http://www.imooc.com/data/check_f.php",{ num:$("#txtNumber").val() }, function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); }); }) }); </script>
    查看全部
  • 菜单工具插件——menu<br> 1.菜单工具插件可以通过<ul>创建多级内联或弹出式菜单,支持通过键盘方向键控制菜单滑动,允许为菜单的各个选项添加图标,调用格式如下:<br> $(selector).menu({options});<br> selector参数为菜单列表中最外层<ul>元素,options为menu()方法的配置对象。将2.<li>元素的class属性值设为“ui-state-disabled”,可将菜单选项置为不可用状态。<br> 3.所需加载jq的UI插件:<br> <script src="http://www.imooc.com/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script>
    查看全部
  • 代码: <script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.get("http://www.imooc.com/data/info_f.php", function(data){ $this.attr("disabled", "true"); $("ul").append("<li>我的名字叫:" + data.name + "</li>"); $("ul").append("<li>男朋友对我说:" + data.say + "</li>"); }, "json"); }) }); </script>
    查看全部
  • 4.使用get()方法以GET方式从服务器获取数据 使用get()方法时,采用GET方式向服务器请求数据,并通过方法中回调函数的参数返回请求的数据,它的调用格式如下: $.get(url,[callback]) 参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。 例如,当点击“加载”按钮时,调用get()方法向服务器中的一个.php文件以GET方式请求数据,并将返回的数据内容显示在页面中,
    查看全部

举报

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

微信扫码,参与3人拼团

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

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