-
层次选择器$("ance desc") 其中ance desc是使用空格隔开的两个参数。ance参数（ancestor祖先的简写）表示父元素；desc参数（descendant后代的简写）表示后代元素，即包括子元素、孙元素等等。两个参数都可以通过选择器来获取。 $("div label")--获取<div>元素下的全部<label>元素查看全部
-
$(“sele1,sele2,seleN”)选择任意多个指定的元素 2、每个选择器之间用“，”号隔开，它们可以是之前提及的各种类型选择器，如$(“#id”)、$(“.class”)、$(“selector”)选择器查看全部
-
几种获取元素的办法 $("element") 通过元素名获取 $("id") 通过id获取，反应慢，慎用 $(".class") 通过类名获取 $("*") *号获取所有元素 $("div *") 获取元素下的所有子元素查看全部
-
可以通过元素的类别属性查找元素 $(“.class”)查看全部
-
jQuery中可以根据元素名查找元素，格式如下： $(“element”) 其中element就是元素的名称查看全部
-
jquery能使用CSS选择器来操作网页中的标签元素。 html()方法的功能是设置或获取元素中显示的内容， $("#id").html();查看全部
-
prev + next选择器 prev 和 next必须是同级关系。 而且后面还可以加参数 prev("#div1") next(".div2")。查看全部
-
<script type="text/javascript"> $(function () { var $spn = $("#spnTip"); $("h4").bind("click", function () { $("ul").slideToggle(3000,function(){ $spn.html() == "向下滑" ? $spn.html("向上滑") : $spn.html("向下滑"); }) }) }); </script> 窗帘效果查看全部
-
<script type="text/javascript"> $(function () { var $spn = $("#spnTip"); $("h4").bind("click", function () { $("ul").toggle("slow",function(){ $spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏"); }); }); }); </script>查看全部
-
使用ajaxStart()和ajaxStop()方法 ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数，ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为： $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) 其中，两个方法中括号都是绑定的函数，当发送Ajax请求前执行ajaxStart()方法绑定的函数，请求成功后，执行ajaxStop ()方法绑定的函数。 <body><div id="divtest"><div class="title"><span class="fl">加载一段文字</span> <span class="fr"><input id="btnShow" type="button" value="加载" /> </span></div> <ul><li id="divload"></li></ul></div> <script type="text/javascript">$(function () {$("#divload").ajaxStart(function(){ $(this).html("正在请求数据...");}); $("#divload").ajaxStop(function(){$(this).html("数据请求完成！");}); $("#btnShow").bind("click", function () { var $this = $(this);$.ajax({url: "http://www.imooc.com/data/info_f.php",dataType: "json", success: function (data) {$this.attr("disabled", "true"); $("ul").append("<li>我的名字叫：" + data.name + "</li>"); $("ul").append("<li>男朋友对我说：" + data.say + "</li>"); } });}) }); </script> </body>查看全部
-
"xml": 返回 XML 文档，可用 jQuery 处理。 "html": 返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行。 "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意：在远程请求时(不在同一个域下)，所有 POST 请求都将转为 GET 请求。（因为将使用 DOM 的 script标签来加载） dataType "json": 返回 JSON 数据 。 "jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。 "text": 返回纯文本字符串查看全部
-
使用ajaxSetup()方法设置全局Ajax默认选项 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值，设置完成后，后面的Ajax请求将不需要再添加这些选项值，它的调用格式为： jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可选项options参数为一个对象，通过该对象设置Ajax请求时的全局选项值。查看全部
-
如果是单行文字想垂直居中，只要保证div高和行高保持一致，就可以了查看全部
-
使用ajax()方法加载服务器数据 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法，它不仅可以获取服务器返回的数据，还能向服务器发送请求并传递数值，它的调用格式如下： jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象，在该对象中，url表示服务器请求的路径，data为请求时传递的数据，dataType为服务器返回的数据类型，success为请求成功的执行的回调函数，type为发送数据请求的方式，默认为get <body><div id="divtest"><div class="title"><span class="fl">检测数字的奇偶性</span> <span class="fr"><input id="btnCheck" type="button" value="检测" /></span></div> <ul><li>请求输入一个数字 <input id="txtNumber" type="text" size="12" /></li></ul></div> <script type="text/javascript">$(function () { $("#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>"); } }); }) }); </script> </body>查看全部
-
使用serialize()方法序列化表单元素值 使用serialize()方法可以将表单中有name属性的元素值进行序列化，生成标准URL编码文本字符串，直接可用于ajax请求，它的调用格式如下： $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身 <body> <div id="divtest"> <div class="title"> <span class="fl">我的个人资料</span> <span class="fr"> <input id="btnAction" type="button" value="序列化" /> </span> </div> <form action=""> <ul> <li>姓名：<input name="Text1" type="text" size="12" /></li> <li><select name="Select1"><option value="0">男</option><option value="1">女</option> </select> </li> <li><input name="Checkbox1" type="checkbox" />资料是否可见 </li> <li id="litest"></li></ul></form></div> <script type="text/javascript">$(function () { $("#btnAction").bind("click", function () {$("#litest").html($("form").serialize());})})</script></body>查看全部
举报
0/150
提交
取消