-
<script> var jsonstu = [{name:"a",age:"12"},{name:"b",age:"20"},{name:"c",age:"119"}] $.each(jsonstu,function(i,data){ $("ul:first").append("<li>"+data.name+data.age+"</li>") }) var json = {a:"12",b:"30",c:"50"} $.each(json,function(i,data){ $("ul:last").append("<li>"+i+data+"</li>") }) </script>查看全部
-
<script type="text/javascript"> $(function (){ $("#btnLeft").bind("click",function(){ $("div").animate({left:"-=100px"}, 3000 ) }); $("#btnRight").bind("click",function(){ $("div").animate({left:"+=100px"}, 3000 ) }) })查看全部
-
使用ajax()方法加载服务器数据 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法，它不仅可以获取服务器返回的数据，还能向服务器发送请求并传递数值，它的调用格式如下： jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象，在该对象中，url表示服务器请求的路径，data为请求时传递的数据，dataType为服务器返回的数据类型，success为请求成功的执行的回调函数，type为发送数据请求的方式，默认为get查看全部
-
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>查看全部
-
bind() 为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。 $(selector).bind(event,data,function) 添加多个事件可以这样： ①：$(selector).bind("event1 event2",data,function) 事件1 事件2执行相同的函数 ②: $(selector).bind({'event1':funcion1,'event2':function2})查看全部
-
$.getJSON("http://www.imooc.com/data/sport.json",function(data){ $this.attr("disabled", "true"); $.each(data, function (index, sport) { if(index==3) $("ul").append("<li>" + sport["name"] + "</li>"); });查看全部
-
[attribute*=value]，它可以获取属性值中包含指定内容的全部元素，其中[]是专用于属性选择器的括号符，参数attribute表示属性名称，value参数表示对应的属性值。查看全部
-
[attribute=value]属性选择器正好相反，[attribute!=value]属性选择器的功能是获取不包含属性名，或者与属性名和属性值不相同的全部元素，其中[]是专用于属性选择器的括号符，参数attribute表示属性名称，value参数表示属性值。查看全部
-
通过元素属性获取元素的选择器，[attribute=value]属性选择器的功能是获取与属性名和属性值完全相同的全部元素，其中[]是专用于属性选择器的括号符，参数attribute表示属性名称，value参数表示属性值。查看全部
-
使用load()方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为： load(url,[data],[callback]) 参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。查看全部
-
CSS display 属性: none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作为块级元素或内联元素显示。 compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。 inline-table 此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。 table-row-group 此元素会作为一个或多个行的分组来显示（类似 <tbody>）。 table-header-group 此元素会作为一个或多个行的分组来显示（类似 <thead>）。 table-footer-group 此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。 table-row 此元素会作为一个表格行显示（类似 <tr>）。 table-column-group 此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。 table-column 此元素会作为一个单元格列显示（类似 <col>） table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>） table-caption 此元素会作为一个表格标题显示（类似 <caption>） inherit 规定应该从父元素继承 display 属性的值。查看全部
-
使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值，设置完成后，后面的Ajax请求将不需要再添加这些选项值，它的调用格式为： jQuery.ajaxSetup([options])或$.ajaxSetup([options]) $.ajaxSetup({ dataType:"text", type:"post", success:function(data){ $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } });查看全部
-
remove() 删除所选元素本身和子元素， 把这个节点从dom树中移除，故此下面的子节点内容都将不存在 $("selector1").remove("selector2") 移除元素1的子元素元素2 empty() 只删除所选元素的子元素 相当与将容器中的内容物倒出，容器包括它先前的样式还是存在的查看全部
-
使用serialize()方法可以将表单中有name属性的元素值进行序列化，生成标准URL编码文本字符串，直接可用于ajax请求，它的调用格式如下： $(selector).serialize() <script type="text/javascript"> $(function () { $("#btnAction").bind("click", function () { $("#litest").html($("form").serialize()) }) }) </script> 结果eg：Text1=%E4%B8%AD%E5%9B%BD&Select1=0&Checkbox1=on查看全部
-
别人的查看全部
举报
0/150
提交
取消