-
<script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getJSON("http://www.imooc.com/data/sport.json",function(data){ $this.attr("disabled", "true"); //$("#btnShow").attr("disabled","true"); $.each(data, function (index, sport) { if(index==3){ $("ul").append("<li>" + sport["name"] + "</li>");} }); }); }); }); </script>查看全部
-
remove就是把元素给删除了。而empty()保留元素本身，把其下子节点全部删去了. $("span").remove()可以删除所有span.$("span").remove(".red")之会删除class="red"的span. $("span").empty()删除所有span下的子元素，不删除span。如果是$("span").empty(".red")同样是删除全部span的子元素，而不单单是class="red"的span 的子元素。也就是说empty()括号里完全不用考虑填参数。查看全部
-
<script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getJSON("http://www.imooc.com/data/sport.json",function(data){ $this.attr("disabled", "true"); //$("#btnShow").attr("disabled","true"); $.each(data, function (index, sport) { if(index==3){ $("ul").append("<li>" + sport["name"] + "</li>");} }); }); }); }); </script>查看全部
-
$("x[y='z']"); //选择标签x的属性y的值为z的元素查看全部
-
li:first改变列表的第一个li的属性 li:last改变列表的最后一个LI的属性查看全部
-
$("x:has(y)"); //选择X标签中全部y标签查看全部
-
使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值，设置完成后，后面的Ajax请求将不需要再添加这些选项值，它的调用格式为： $(function () { $.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" }); }) });查看全部
-
$("m:contains('x')"); //选择标签m中包含x字符串的全部元素查看全部
-
$("li:eq(x)");//选择li标签中第X个查看全部
-
$("x:first");//表示选择所有X标签的第一个X标签查看全部
-
wrap（）包裹元素本身 wrapinner（）用于包裹元素中的内容格式$(selector).wrap(warpper)查看全部
-
$("x~y");表示选择x标签后面的全部y标签查看全部
-
$("x+y"); //表示选择标签x后面紧邻的y标签查看全部
-
使用ajax()方法加载服务器数据<br> 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法，它不仅可以获取服务器返回的数据，还能向服务器发送请求并传递数值，它的调用格式如下：<br> jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象，在该对象中，url表示服务器请求的路径，data为请求时传递的数据，dataType为服务器返回的数据类型，success为请求成功的执行的回调函数，type为发送数据请求的方式，默认为get。 <script type="text/javascript"> $(function () { $("#btnCheck").bind("click", function () { $.ajax({ type:"POST", url:"http://www.imooc.com/data/check.php", data: { num: $("#txtNumber").val() }, success: function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); }) }); </script>查看全部
-
使用serialize()方法可以将表单中有name属性的元素值进行序列化，生成标准URL编码文本字符串，直接可用于ajax请求，它的调用格式如下： $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身。 <script type="text/javascript"> $(function(){ $("#btnAction").bind("click",function(){ $("#litest").html($("form").serialize()); }) }) </script>查看全部
举报
0/150
提交
取消