-
调用clone()方法可以生成一个被选元素的副本，即复制了一个被选元素，包含它的节点、文本和属性，它的调用格式为： $(selector).clone() 其中参数selector可以是一个元素或HTML内容。查看全部
-
remove（".green"）:移除样式和内容； empty（）:移除内容；查看全部
-
wrap：对元素进行包裹； wrapInner:对内容进行包裹；查看全部
-
使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能，前者方法中参数表示移除属性名，后者方法中参数则表示移除的样式名查看全部
-
:first-child选取属于其父元素和所有兄弟元素的第一个为 <p> 的元素 $("p:first-child") 如<br> <p>The first paragraph in body.</p><br> <br> <div ><br> <p>The first paragraph in div.</p><br> <p>The last paragraph in div.</p><br> </div><br><br> <br> <div ><br> <span>This is a span element.</span><br> <p>The first paragraph in another div.</p><br> <p>The last paragraph in another div.</p><br> </div><br> <br> <p>The last paragraph in body.</p><br> <br> <br> 有两个会被选中 <p>The first paragraph in body.</p>和<p>The first paragraph in div.</p>查看全部
-
9、使用ajaxStart()和ajaxStop()方法，ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数，ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为：$(selector).ajaxStart(function())和$(selector).ajaxStop(function())，其中，两个方法中括号都是绑定的函数，当发送Ajax请求前执行ajaxStart()方法绑定的函数，请求成功后，执行ajaxStop ()方法绑定的函数。注意：该方法在1.8.2下使用是正常的。 代码： $('#divload').ajaxStart(function(){ $(this).html("正在请求数据..."); }); $('#divload').ajaxStop(function(){ $(this).html("数据请求完成！"); }); Ps：$(this)的使用。 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
8、使用ajaxSetup()方法设置全局Ajax默认选项，使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值，设置完成后，后面的Ajax请求将不需要再添加这些选项值，它的调用格式为：jQuery.ajaxSetup([options])或$.ajaxSetup([options])，可选项options参数为一个对象，通过该对象设置Ajax请求时的全局选项值。（个人理解：把$.ajax()中公有的代码提取到$.ajaxSetup()中默认设置） 代码： $.ajaxSetup({ type: "post", success: function(data){ $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); $("#btnShow_1").bind("click", function () { $.ajax({ data: { num: $("#txtNumber").val() }, url: "http://www.imooc.com/data/check.php" }); }) $("#btnShow_2").bind("click", function () { $.ajax({ data: { num: $("#txtNumber").val() }, url: "http://www.imooc.com/data/check_f.php" }); })查看全部
-
7、使用ajax()方法加载服务器数据,使用ajax()方法是最底层、功能最强大的请求服务器数据的方法，它不仅可以获取服务器返回的数据，还能向服务器发送请求并传递数值，它的调用格式如下：jQuery.ajax([settings])或$.ajax([settings]),其中参数settings为发送ajax请求时的配置对象，在该对象中，url表示服务器请求的路径，data为请求时传递的数据，dataType为服务器返回的数据类型，success为请求成功的执行的回调函数，type为发送数据请求的方式，默认为get。 代码： $("#btnCheck").bind("click", function () { $.ajax({ url:"http://www.imooc.com/data/check.php", data: { num: $("#txtNumber").val() }, type:"post", success: function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); }) 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
5、使用post()方法以POST方式从服务器发送数据，与get()方法相比，post()方法多用于以POST方式向服务器发送数据，服务器接收到数据之后，进行处理，并将处理结果返回页面，调用格式如下：$.post(url,[data],[callback])，参数url为服务器请求地址，可选项data为向服务器请求时发送的数据，可选项callback参数为请求成功后执行的回调函数。注意：在POST过程中，传递的参数就是用户在文本框中输入的值。 代码： $("#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>"); }); }) 6、使用serialize()方法序列化表单元素值，使用serialize()方法可以将表单中有name属性的元素值进行序列化，生成标准URL编码文本字符串，直接可用于ajax请求，它的调用格式如下：$(selector).serialize()，其中selector参数是一个或多个表单中的元素或表单元素本身。生成标准URL编码，各元素间通过&号相联。 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
3、使用getScript()方法异步加载并执行js文件，使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件，它的调用格式如下所示：jQuery.getScript(url,[callback])或$.getScript(url,[callback])，参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。 4、使用get()方法以GET方式从服务器获取数据，使用get()方法时，采用GET方式向服务器请求数据，并通过方法中回调函数的参数返回请求的数据，它的调用格式如下：$.get(url,[callback])，参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。注意：参数格式其实是：$.get( url, [data], [callback], [type] )；type是数据格式：type可以是json，也可以是text等之类的类型，具体类型就要看你的url里面对应的是什么类型的内容。 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
1、使用load()方法异步请求数据，使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为：load(url,[data],[callback])，参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。 2、使用getJSON()方法异步加载JSON格式数据，使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数据，并对获取的数据进行解析，显示在页面中，它的调用格式为：jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback])，其中，url参数为请求加载json格式文件的服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。 代码： $("#btnShow").bind("click", function () { var $this = $(this); $.getJSON('http://www.imooc.com/data/sport.json',function(data1){ $this.attr("disabled", "true"); $.each(data1, function (index, item1) { if(index==3) $("ul").append("<li>" + item1["name"] + "</li>"); }); }); }) 解析：data1 是获取到的json数据，而 index，item1 依次为， 0，{"name":"a"} 1，{"name":"b"} 2，{"name":"c"}查看全部
-
我们知道使用:first过滤选择器可以获取指定父元素中的首个子元素，但该选择器返回的只有一个元素，并不是一个集合，而使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素，它是一个集合，常用多个集合数据的选择处理。 如下图，如果想把页面中每个ul中的第一个li获取到，并改变其颜色。则可以使用 : first-child 在浏览器中显示的效果： 通过$("li:first-child")选择器代码，获取了两个<ul>父元素中的第一个<li>元素，并使用css()方法修改了它们在页面中显示的文字颜色。查看全部
-
与上一节中介绍的prev + next层次选择器相同，prev ~ siblings选择器也是查找prev 元素之后的相邻元素，但前者只获取第一个相邻的元素，而后者则获取prev 元素后面全部相邻的元素，它的调用格式如下：$("p~siblings")查看全部
-
<script type="text/javascript"> $("p+label").css("background-color","red"); </script>查看全部
-
checked选择器与元素之间没有空格查看全部
举报
0/150
提交
取消