所有公开日志

本页内容

所有小白教程公开日志的联合展示。您可以通过选择日志类型、输入用户名(区分大小写)或相关页面(区分大小写)筛选日志条目。

日志
最新 | 最旧) 查看( | )(20 | 50 | 100 | 250 | 500
  • 2022年8月19日 (五) 11:47 Neo 讨论 贡献创建了页面Misc when (创建页面,内容为“{{DISPLAYTITLE:$.when()}}11 = jQuery.when() 方法 = jQuery 杂项方法 一个参数传递给 $.when() 被受理,执行回调函数 <sample title="" desc="" lang="html" hererun="1"> $(function () { $.when( { testing: 123 } ).done( function(x) { alert(x.testing); } alerts "123":​ ); }) </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wa…”
  • 2022年8月19日 (五) 11:47 Neo 讨论 贡献创建了页面Misc pushstack (创建页面,内容为“{{DISPLAYTITLE:pushStack()}}10 = jQuery pushStack()方法 = jQuery 杂项方法 向 jQuery 栈中先压入一些元素,然后再删除它们,之后再退回到之前刚压入栈的状态。 <sample title="" desc="" lang="html" hererun="1"> <div></div> <script> $(function () { $().pushStack( document.getElementsByTagName("div")).remove().end(); }) </script> </sample> <run name=""> <!DOCTYPE html> <html…”)
  • 2022年8月19日 (五) 11:47 Neo 讨论 贡献创建了页面Misc toarray (创建页面,内容为“{{DISPLAYTITLE:toArray()}}9 = jQuery 杂项 toArray() 方法 = jQuery 杂项方法 把 <li> 元素转换为数组,然后输出该数组元素的 innerHTML : <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ x=$("li").toArray() for (i=0;i<x.length;i++) { alert(x[i].innerHTML); } }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <me…”)
  • 2022年8月19日 (五) 11:47 Neo 讨论 贡献创建了页面Misc size (创建页面,内容为“{{DISPLAYTITLE:size()}}8 = jQuery 杂项 size() 方法 = jQuery 杂项方法 输出被 jQuery 选择器匹配的元素的数量: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ alert($("li").size()); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10…”)
  • 2022年8月19日 (五) 11:47 Neo 讨论 贡献创建了页面Misc removedata (创建页面,内容为“{{DISPLAYTITLE:removeData()}}7 = jQuery 杂项 removeData() 方法 = jQuery 杂项方法 从 <div> 元素中移除之前附加的数据: <sample title="" desc="" lang="html" hererun="1"> $("#btn2").click(function(){ $("div").removeData("greeting"); alert("Greeting is: " + $("div").data("greeting")); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <titl…”)
  • 2022年8月19日 (五) 11:47 Neo 讨论 贡献创建了页面Misc param (创建页面,内容为“{{DISPLAYTITLE:$.param()}}6 = jQuery 杂项 param() 方法 = jQuery 杂项方法 输出序列化对象的结果: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("div").text($.param(personObj)); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquer…”)
  • 2022年8月19日 (五) 11:47 Neo 讨论 贡献创建了页面Misc noconflict (创建页面,内容为“{{DISPLAYTITLE:$.noConflict()}}5 = jQuery 杂项 noConflict() 方法 = jQuery 杂项方法 使用 noConflict() 方法为 jQuery 变量规定新的名称: <sample title="" desc="" lang="html" hererun="1"> var jq=$.noConflict(); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jque…”)
  • 2022年8月19日 (五) 11:47 Neo 讨论 贡献创建了页面Misc index (创建页面,内容为“{{DISPLAYTITLE:index()}}4 = jQuery 杂项 index() 方法 = jQuery 杂项方法 获得被点击的 <li> 元素相对于它的同级元素的 index: <sample title="" desc="" lang="html" hererun="1"> $("li").click(function(){ alert($(this).index()); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https:/…”)
  • 2022年8月19日 (五) 11:47 Neo 讨论 贡献创建了页面Misc get (创建页面,内容为“{{DISPLAYTITLE:get()}}3 = jQuery 杂项 get() 方法 = jQuery 杂项方法 获取第一个 <p> 元素的名称和值: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ x=$("p").get(0); $("div").text(x.nodeName + ": " + x.innerHTML); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <…”)
  • 2022年8月19日 (五) 11:47 Neo 讨论 贡献创建了页面Misc each (创建页面,内容为“{{DISPLAYTITLE:each()}}2 = jQuery 杂项 each() 方法 = jQuery 杂项方法 输出每个 <li> 元素的文本: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("li").each(function(){ alert($(this).text()) }); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://c…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Misc data (创建页面,内容为“{{DISPLAYTITLE:data()}}1 = jQuery 杂项 data() 方法 = jQuery 杂项方法 向 <div> 元素附加数据,然后取回该数据: <sample title="" desc="" lang="html" hererun="1"> $("#btn1").click(function(){ $("div").data("greeting", "Hello World"); }); $("#btn2").click(function(){ alert($("div").data("greeting")); }); </sample> <run name=""> <!DOCTYPE html> <html> <he…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面JQuery 杂项方法 (创建页面,内容为“{{DISPLAYTITLE:jQuery 杂项方法}}38 = jQuery 杂项方法 = == jQuery 杂项方法 == {| class="table table-striped table-hover" ! 方法 ! 描述 |- | data() | 向被选元素附加数据,或者从被选元素获取数据 |- | each() | 为每个匹配元素执行函数 |- | get() | 获取由选择器指定的 DOM 元素 |- | index() | 从匹配元素中搜索给定元素…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax serializearray (创建页面,内容为“{{DISPLAYTITLE:serializeArray()}}16 = jQuery serializeArray() 方法 = jQuery AJAX 方法 输出以数组形式序列化表单值的结果: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ x=$("form").serializeArray(); $.each(x, function(i, field){ $("#results").append(field.name + ":" + field.value + " "); }); }); </sample> <run name=""> <!DOCTYPE html> <h…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax serialize (创建页面,内容为“{{DISPLAYTITLE:serialize()}}15 = jQuery serialize() 方法 = jQuery AJAX 方法 输出序列化表单值的结果: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("div").text($("form").serialize()); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.1…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax load (创建页面,内容为“{{DISPLAYTITLE:load()}}14 = jQuery load() 方法 = jQuery AJAX 方法 把文件 "demo_test.txt" 的内容加载到指定的 <div> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("#div1").load("demo_test.txt"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="ht…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax ajaxsuccess (创建页面,内容为“{{DISPLAYTITLE:ajaxSuccess()}}13 = jQuery ajaxSuccess() 方法 = jQuery AJAX 方法 当 AJAX 请求成功完成时,触发一个提示框: <sample title="" desc="" lang="html" hererun="1"> $(document).ajaxSuccess(function(){ alert("AJAX 请求完成"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.stat…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax ajaxstop (创建页面,内容为“{{DISPLAYTITLE:ajaxStop()}}12 = jQuery ajaxStop() 方法 = jQuery AJAX 方法 当所有 AJAX 请求完成时,触发一个提示框: <sample title="" desc="" lang="html" hererun="1"> $(document).ajaxStop(function(){ alert("所有 AJAX 请求已完成"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.sta…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax ajaxstart (创建页面,内容为“{{DISPLAYTITLE:ajaxStart()}}11 = jQuery ajaxStart() 方法 = jQuery AJAX 方法 当 AJAX 请求开始时,显示 "loading" 的指示: <sample title="" desc="" lang="html" hererun="1"> $(document).ajaxStart(function(){ $(this).html("<img src='demo_wait.gif' />"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script s…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax ajaxsend (创建页面,内容为“{{DISPLAYTITLE:ajaxSend()}}10 = jQuery ajaxSend() 方法 = jQuery AJAX 方法 当 AJAX 请求即将发送时,改变 <div> 元素的内容: <sample title="" desc="" lang="html" hererun="1"> $(document).ajaxSend(function(e,xhr,opt){ $("div").append("<p>Requesting: " + opt.url + "</p>"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wan…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax ajaxerror (创建页面,内容为“{{DISPLAYTITLE:ajaxError()}}9 = jQuery ajaxError() 方法 = jQuery AJAX 方法 当 AJAX 请求失败时,触发一个警告框: <sample title="" desc="" lang="html" hererun="1"> $(document).ajaxError(function(){ alert("一个错误发生!"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax ajaxcomplete (创建页面,内容为“{{DISPLAYTITLE:ajaxComplete()}}8 = jQuery ajaxComplete() 方法 = jQuery AJAX 方法 当 AJAX 请求正在进行时显示 "loading" 的指示: <sample title="" desc="" lang="html" hererun="1"> $(document).ajaxStart(function(){ $("#wait").css("display","block"); }); $(document).ajaxComplete(function(){ $("#wait").css("display","none"); }); </sample> <run name=""> <!DOCTYPE html> <html> <hea…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax post (创建页面,内容为“{{DISPLAYTITLE:$.post()}}7 = jQuery post() 方法 = jQuery AJAX 方法 == 实例 1 == 使用 HTTP POST 请求从服务器加载数据: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $.post("demo_test.html",function(data,status){ alert("Data: " + data + "nStatus: " + status); }); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8">…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax param (创建页面,内容为“{{DISPLAYTITLE:$.param()}}6 = jQuery param() 方法 = jQuery AJAX 方法 输出序列化对象的结果: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("div").text($.param(personObj)); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.mi…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax getscript (创建页面,内容为“{{DISPLAYTITLE:$.getScript()}}5 = jQuery getScript() 方法 = jQuery AJAX 方法 使用 AJAX 请求,获取和运行 JavaScript: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $.getScript("demo_ajax_script.js"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.o…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax getjson (创建页面,内容为“{{DISPLAYTITLE:$.getJSON()}}4 = jQuery getJSON() 方法 = jQuery AJAX 方法 使用 Ajax 请求获取 JSON 数据,并输出结果: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("button").click(function(){ $.getJSON("demo_ajax_json.js",function(result){ $.each(result, function(i, field){ $("div").append(field + " "); });…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax get (创建页面,内容为“{{DISPLAYTITLE:$.get()}}3 = jQuery get() 方法 = jQuery AJAX 方法 发送一个 HTTP GET 请求到页面并取回结果: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $.get("/try/ajax/demo_test.php",function(data,status){ alert("数据: " + data + "\n状态: " + status); }); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax ajaxsetup (创建页面,内容为“{{DISPLAYTITLE:$.ajaxSetup()}}2 = jQuery ajaxSetup() 方法 = jQuery AJAX 方法 为所有 AJAX 请求设置默认 URL 和 success 函数: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $.ajaxSetup({ url:"demo_ajax_load.txt", success:function(result){ $("div").html(result); } }); $.ajax(); }); </sample> <run name=""> <!DOCTYPE…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Ajax ajax (创建页面,内容为“{{DISPLAYTITLE:$.ajax()}}1 = jQuery ajax() 方法 = jQuery AJAX 方法 使用 AJAX 请求改变 <div> 元素的文本: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $.ajax({url:"demo_test.txt",success:function(result){ $("#div1").html(result); }}); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiao…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面JQuery AJAX 方法 (创建页面,内容为“{{DISPLAYTITLE:jQuery AJAX 方法}}37 = jQuery AJAX 方法 = == jQuery AJAX 方法 == AJAX 是一种与服务器交换数据的技术,可以在不重新载入整个页面的情况下更新网页的一部分。 下面的表格列出了所有的 jQuery AJAX 方法: {| class="table table-striped table-hover" ! 方法 ! 描述 |- | $.ajax() | 执行异步 AJAX 请求 |- | $.ajaxPrefilter() | 在每个请求发送之…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Traversing slice (创建页面,内容为“{{DISPLAYTITLE:slice()}}25 = jQuery slice() 方法 = jQuery 遍历方法 从带有索引号为 2 的 <p> 元素开始选中 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p").slice(2) </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Traversing siblings (创建页面,内容为“{{DISPLAYTITLE:siblings()}}24 = jQuery siblings() 方法 = jQuery 遍历方法 返回带有类名 "start" 的每个 <li> 元素的所有同级元素: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("li.start").siblings().css({"color":"red","border":"2px solid red"}); }); </sample> 结果: <sample title="" desc="" lang="html" hererun="1">…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Traversing prevuntil (创建页面,内容为“{{DISPLAYTITLE:prevUntil()}}23 = jQuery prevUntil() 方法 = jQuery 遍历方法 返回在类名为 "start" 和 "stop" 的两个 <li> 元素之间的所有同级元素: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("li.start").nextUntil("li.stop").css({"color":"red","border":"2px solid red"}); }); </sample> 结果: <sam…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Traversing prevall (创建页面,内容为“{{DISPLAYTITLE:prevAll()}}22 = jQuery prevAll() 方法 = jQuery 遍历方法 返回带有类名 "start" 的每个 <li> 元素之前的所有同级元素: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("li.start").prevAll().css({"color":"red","border":"2px solid red"}); }); </sample> 结果: <sample title="" desc="" lang="html" hererun="1"…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Traversing prev (创建页面,内容为“{{DISPLAYTITLE:prev()}}21 = jQuery prev() 方法 = jQuery 遍历方法 返回带有类名 "start" 的每个 <li> 元素的前一个同级元素: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("li.start").prev().css({"color":"red","border":"2px solid red"}); }); </sample> 结果: <sample title="" desc="" lang="html" hererun="1"> ul (pare…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Traversing parentsuntil (创建页面,内容为“{{DISPLAYTITLE:parentsUntil()}}20 = jQuery parentsUntil() 方法 = jQuery 遍历方法 返回介于 <span> 和 <div> 之间的所有祖先元素: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("span").parentsUntil("div").css({"color":"red","border":"2px solid red"}); }); </sample> 结果: <sample title="" desc="" lang="html" hererun="…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Traversing parents (创建页面,内容为“{{DISPLAYTITLE:parents()}}19 = jQuery parents() 方法 = jQuery 遍历方法 返回 <span> 的所有祖先元素: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("span").parents().css({"({"color":"red","border":"2px solid red"}); }); </sample> Result: <sample title="" desc="" lang="html" hererun="1"> body (great-great-grandparent) div (great…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Traversing parent (创建页面,内容为“{{DISPLAYTITLE:parent()}}18 = jQuery parent() 方法 = jQuery 遍历方法 返回 <span> 的直接父元素: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("span").parent().css({"color":"red","border":"2px solid red"}); }); </sample> 结果: <sample title="" desc="" lang="html" hererun="1"> body (great-great-grandparent) div (great-grandp…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Traversing offsetparent (创建页面,内容为“{{DISPLAYTITLE:offsetParent()}}17 = jQuery offsetParent() 方法 = jQuery 遍历方法 设置 <p> 元素的最近的被定位的父元素的背景颜色: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").offsetParent().css("background-color","red"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Traversing not (创建页面,内容为“{{DISPLAYTITLE:not()}}16 = jQuery not() 方法 = jQuery 遍历方法 返回'''不'''带有类名 "intro" 的所有 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p").not(".intro") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Traversing nextuntil (创建页面,内容为“{{DISPLAYTITLE:nextUntil()}}15 = jQuery nextUntil() 方法 = jQuery 遍历方法 返回在类名为 "start" 和 "stop" 的两个 <li> 元素之间的所有同级元素: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("li.start").nextUntil("li.stop").css({"color":"red","border":"2px solid red"}); }); </sample> 结果: <sample titl…”)
  • 2022年8月19日 (五) 11:46 Neo 讨论 贡献创建了页面Traversing nextall (创建页面,内容为“{{DISPLAYTITLE:nextAll()}}14 = jQuery nextAll() 方法 = jQuery 遍历方法 返回带有类名 "start" 的每个 <li> 元素之后的所有同级元素: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("li.start").nextAll().css({"color":"red","border":"2px solid red"}); }); </sample> 结果: <sample title="" desc="" lang="html" her…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Traversing next (创建页面,内容为“{{DISPLAYTITLE:next()}}13 = jQuery next() 方法 = jQuery 遍历方法 返回带有类名 "start" 的每个 <li> 元素的后一个同级元素: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("li.start").next().css({"color":"red","border":"2px solid red"}); }); </sample> 结果: <sample title="" desc="" lang="html" hererun="1">…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Traversing last (创建页面,内容为“{{DISPLAYTITLE:last()}}12 = jQuery last() 方法 = jQuery 遍历方法 选取最后一个 <div> 元素内的最后一个 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p").last() </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.j…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Traversing is (创建页面,内容为“{{DISPLAYTITLE:is()}}11 = jQuery is() 方法 = jQuery 遍历方法 如果 <p> 的父元素是 <div> 元素,弹出提示信息: <sample title="" desc="" lang="html" hererun="1"> if ($("p").parent().is("div")) { alert("p 的父元素是 div"); } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="ht…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Traversing has (创建页面,内容为“{{DISPLAYTITLE:has()}}10 = jQuery has() 方法 = jQuery 遍历方法 返回拥有一个 <span> 元素在其内的所有 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p").has("span") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.m…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Traversing first (创建页面,内容为“{{DISPLAYTITLE:first()}}9 = jQuery first() 方法 = jQuery 遍历方法 选取第一个 <div> 元素内的第一个 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("div p").first() </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.j…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Traversing find (创建页面,内容为“{{DISPLAYTITLE:find()}}8 = jQuery find() 方法 = jQuery 遍历方法 返回 <ul> 后代中所有的 <span> 元素: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("ul").find("span").css({"color":"red","border":"2px solid red"}); }); </sample> 结果: <sample title="" desc="" lang="html" hererun="1"> body (great-grandparent) div (gr…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Traversing filter (创建页面,内容为“{{DISPLAYTITLE:filter()}}7 = jQuery filter() 方法 = jQuery 遍历方法 返回带有类名 "intro" 的所有 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p").filter(".intro") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.m…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Traversing eq (创建页面,内容为“{{DISPLAYTITLE:eq()}}6 = jQuery eq() 方法 = jQuery 遍历方法 选取第二个 <p> 元素(索引号为 1): <sample title="" desc="" lang="html" hererun="1"> $("p").eq(1).css("background-color","yellow"); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jque…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Traversing each (创建页面,内容为“{{DISPLAYTITLE:each()}}5 = jQuery each() 方法 = jQuery 遍历方法 输出每个 <li> 元素的文本: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("li").each(function(){ alert($(this).text()) }); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="http…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Traversing contents (创建页面,内容为“{{DISPLAYTITLE:contents()}}4 = jQuery contents() 方法 = jQuery 遍历方法 查找 <div> 元素内所有的文本节点,并把它们用 <b> 元素包裹起来: <sample title="" desc="" lang="html" hererun="1"> $("div").contents().filter("em").wrap("<b/>"); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <s…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Traversing closest (创建页面,内容为“{{DISPLAYTITLE:closest()}}3 = jQuery closest() 方法 = jQuery 遍历方法 返回 <span> 的第一个祖先元素,是一个 <ul> 元素: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("span").closest("ul").css({"color":"red","border":"2px solid red"}); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Traversing children (创建页面,内容为“{{DISPLAYTITLE:children()}}2 = jQuery children() 方法 = jQuery 遍历方法 返回 <ul> 的直接子元素: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("ul").children().css({"color":"red","border":"2px solid red"}); }); </sample> 结果: <sample title="" desc="" lang="html" hererun="1"> body (great-grandparent) div (grandparent)…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Traversing add (创建页面,内容为“{{DISPLAYTITLE:add()}}1 = jQuery add() 方法 = jQuery 遍历方法 把 <p> 和 <span> 元素添加到已存在的元素组合中(<h1>): <sample title="" desc="" lang="html" hererun="1"> $("h1").add("p").add("span") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.o…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面JQuery 遍历方法 (创建页面,内容为“{{DISPLAYTITLE:jQuery 遍历方法}}36 = jQuery 遍历 方法 = == jQuery 遍历方法 == {| class="table table-striped table-hover" ! 方法 ! 描述 |- | add() | 把元素添加到匹配元素的集合中 |- | addBack() | 把之前的元素集添加到当前集合中 |- | andSelf() | 在版本 1.8 中被废弃。addBack() 的别名 |- | children() | 返回被选元素的所有直接子元…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html csshooks (创建页面,内容为“{{DISPLAYTITLE:$.cssHooks}}43 = jQuery jQuery.cssHooks 方法 = jQuery HTML/CSS 方法 定义一个新的css hook <sample title="" desc="" lang="html" hererun="1"> $(function ($) { //首先检查jquery版本是否支持 cssHooks if (!$.cssHooks){ //如果不支持输出错误提醒 throw(new Error("该功能需要jQuery版本大于或等于1.4.3")); } // 封装在Dom文档加…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html escapeSelector (创建页面,内容为“{{DISPLAYTITLE:$.escapeSelector()}}42 = jQuery jQuery.escapeSelector() 方法 = jQuery HTML/CSS 方法 使用.escapeSelector()方法转义一个ID包含的字符"#" <sample title="" desc="" lang="html" hererun="1"> <div> <p id='#target'>一些文本</p> <span id='target'>一些文本</span> </div> <script> $(function () { //将选中 id=#target $( "div" ).find( "#" + $.escapeSelector(…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html wrapinner (创建页面,内容为“{{DISPLAYTITLE:wrapInner()}}41 = jQuery wrapInner() 方法 = jQuery HTML/CSS 方法 在每个 <p> 元素的内容上包裹 <b> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").wrapInner("<b></b>"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.st…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html wrapall (创建页面,内容为“{{DISPLAYTITLE:wrapAll()}}40 = jQuery wrapAll() 方法 = jQuery HTML/CSS 方法 在 <div> 元素中包裹所有 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").wrapAll("<div></div>"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html wrap (创建页面,内容为“{{DISPLAYTITLE:wrap()}}39 = jQuery wrap() 方法 = jQuery HTML/CSS 方法 在 <div> 元素中包裹每个 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").wrap("<div></div>"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquer…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Css width (创建页面,内容为“{{DISPLAYTITLE:width()}}38 = jQuery width() 方法 = jQuery HTML/CSS 方法 返回 <div> 元素的宽度: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ alert($("div").width()); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.j…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html val (创建页面,内容为“{{DISPLAYTITLE:val()}}37 = jQuery val() 方法 = jQuery HTML/CSS 方法 设置 <input> 字段的值: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("input:text").val("Glenn Quagmire"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jqu…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html unwrap (创建页面,内容为“{{DISPLAYTITLE:unwrap()}}36 = jQuery unwrap() 方法 = jQuery HTML/CSS 方法 移除所有 <p> 元素的父元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").unwrap(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html toggleclass (创建页面,内容为“{{DISPLAYTITLE:toggleClass()}}35 = jQuery toggleClass() 方法 = jQuery HTML/CSS 方法 对添加和移除所有 <p> 元素的 "main" 类进行切换: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").toggleClass("main"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html text (创建页面,内容为“{{DISPLAYTITLE:text()}}34 = jQuery text() 方法 = jQuery HTML/CSS 方法 设置所有 <p> 元素的文本内容: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").text("Hello world!"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Css scrolltop (创建页面,内容为“{{DISPLAYTITLE:scrollTop()}}33 = jQuery scrollTop() 方法 = jQuery HTML/CSS 方法 返回 <div> 元素的垂直滚动条位置: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ alert($("div").scrollTop()); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Css scrollleft (创建页面,内容为“{{DISPLAYTITLE:scrollLeft()}}32 = jQuery scrollLeft() 方法 = jQuery HTML/CSS 方法 返回 <div> 元素的水平滚动条位置: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ alert($("div").scrollLeft()); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html replacewith (创建页面,内容为“{{DISPLAYTITLE:replaceWith()}}31 = jQuery replaceWith() 方法 = jQuery HTML/CSS 方法 把第一个 <p> 元素替换为新的文本: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p:first").replaceWith("Hello world!"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html replaceall (创建页面,内容为“{{DISPLAYTITLE:replaceAll()}}30 = jQuery replaceAll() 方法 = jQuery HTML/CSS 方法 把最后一个 <p> 元素替换为 <span> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("<span>Hello world!</span>").replaceAll("p:last"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html removeprop (创建页面,内容为“{{DISPLAYTITLE:removeProp()}}29 = jQuery removeProp() 方法 = jQuery HTML/CSS 方法 添加并移除名为 "color" 的属性: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ var $x = $("div"); $x.prop("color","FF0000"); $x.append("The color 属性: " + $x.prop("color")); $x.removeProp("color"); }); </sample> <run name=""> <!DOCTYPE html> <html> <h…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html removeclass (创建页面,内容为“{{DISPLAYTITLE:removeClass()}}28 = jQuery removeClass() 方法 = jQuery HTML/CSS 方法 从所有的 <p> 元素移除 "intro" 类: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").removeClass("intro"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.st…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html removeattr (创建页面,内容为“{{DISPLAYTITLE:removeAttr()}}27 = jQuery removeAttr() 方法 = jQuery HTML/CSS 方法 从所有的 <p> 元素移除样式属性: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").removeAttr("style"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html remove (创建页面,内容为“{{DISPLAYTITLE:remove()}}26 = jQuery remove() 方法 = jQuery HTML/CSS 方法 移除所有的 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").remove(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </sc…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html prop (创建页面,内容为“{{DISPLAYTITLE:prop()}}25 = jQuery prop() 方法 = jQuery HTML/CSS 方法 添加并移除名为 "color" 的属性: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ var $x = $("div"); $x.prop("color","FF0000"); $x.append("The color 属性: " + $x.prop("color")); $x.removeProp("color"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta c…”)
  • 2022年8月19日 (五) 11:45 Neo 讨论 贡献创建了页面Html prependto (创建页面,内容为“{{DISPLAYTITLE:prependTo()}}24 = jQuery prependTo() 方法 = jQuery HTML/CSS 方法 在每个 <p> 元素的开头插入 <span> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("<span>Hello World!</span>").prependTo("p"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script s…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html prepend (创建页面,内容为“{{DISPLAYTITLE:prepend()}}23 = jQuery prepend() 方法 = jQuery HTML/CSS 方法 在所有 <p> 元素开头插入内容: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").prepend("<b>Prepended text</b>"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Css position (创建页面,内容为“{{DISPLAYTITLE:position()}}22 = jQuery position() 方法 = jQuery HTML/CSS 方法 返回 <p> 元素的 top 和 left 位置: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ x=$("p").position(); alert("Top: " + x.top + " Left: " + x.left); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <sc…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html outerwidth (创建页面,内容为“{{DISPLAYTITLE:outerWidth()}}21 = jQuery outerWidth() 方法 = jQuery HTML/CSS 方法 返回 <div> 元素的外部宽度: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ alert($("div").outerWidth()); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquer…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html outerheight (创建页面,内容为“{{DISPLAYTITLE:outerHeight()}}20 = jQuery outerHeight() 方法 = jQuery HTML/CSS 方法 返回 <div> 元素的外部高度: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ alert($("div").outerHeight()); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jq…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Css offsetparent (创建页面,内容为“{{DISPLAYTITLE:offsetParent()}}19 = jQuery offsetParent() 方法 = jQuery HTML/CSS 方法 设置 <p> 元素的最近定位的祖先元素的背景颜色: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").offsetParent().css("background-color","red"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Css offset (创建页面,内容为“{{DISPLAYTITLE:offset()}}18 = jQuery offset() 方法 = jQuery HTML/CSS 方法 返回 <p> 元素的偏移坐标: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ var x=$("p").offset(); alert("Top: " + x.top + " Left: " + x.left); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html insertbefore (创建页面,内容为“{{DISPLAYTITLE:insertBefore()}}17 = jQuery insertBefore() 方法 = jQuery HTML/CSS 方法 在每个 <p> 元素前插入一个 <span> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("<span>Hello world!</span>").insertBefore("p"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title>…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html insertafter (创建页面,内容为“{{DISPLAYTITLE:insertAfter()}}16 = jQuery insertAfter() 方法 = jQuery HTML/CSS 方法 在每个 <p> 元素后插入一个 <span> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("<span>Hello world!</span>").insertAfter("p"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <sc…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html innerwidth (创建页面,内容为“{{DISPLAYTITLE:innerWidth()}}15 = jQuery innerWidth() 方法 = jQuery HTML/CSS 方法 返回 <div> 元素的内部宽度: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ alert($("div").innerWidth()); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquer…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html innerheight (创建页面,内容为“{{DISPLAYTITLE:innerHeight()}}14 = jQuery innerHeight() 方法 = jQuery HTML/CSS 方法 返回 <div> 元素的内部高度: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ alert($("div").innerHeight()); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jq…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html html (创建页面,内容为“{{DISPLAYTITLE:html()}}13 = jQuery html() 方法 = jQuery HTML/CSS 方法 改变所有 <p> 元素的内容: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").html("Hello <b>world</b>!"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Css height (创建页面,内容为“{{DISPLAYTITLE:height()}}12 = jQuery height() 方法 = jQuery HTML/CSS 方法 返回 <div> 元素的高度: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ alert($("div").height()); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.mi…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html hasclass (创建页面,内容为“{{DISPLAYTITLE:hasClass()}}11 = jQuery hasClass() 方法 = jQuery HTML/CSS 方法 检查 <p> 元素是否包含 "intro" 类: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ alert($("p").hasClass("intro")); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.stat…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html empty (创建页面,内容为“{{DISPLAYTITLE:empty()}}10 = jQuery empty() 方法 = jQuery HTML/CSS 方法 移除所有 <div> 元素的内容: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("div").empty(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html detach (创建页面,内容为“{{DISPLAYTITLE:detach()}}9 = jQuery detach() 方法 = jQuery HTML/CSS 方法 移除所有的 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").detach(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </scr…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Css css (创建页面,内容为“{{DISPLAYTITLE:css()}}8 = jQuery css() 方法 = jQuery HTML/CSS Methods 设置所有 <p> 元素的 color 属性: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").css("color","red"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jqu…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html clone (创建页面,内容为“{{DISPLAYTITLE:clone()}}7 = jQuery clone() 方法 = jQuery HTML/CSS 方法 克隆所有的 <p> 元素,并插入到 <body> 元素的结尾: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").clone().appendTo("body"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="http…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html before (创建页面,内容为“{{DISPLAYTITLE:before()}}6 = jQuery before() 方法 = jQuery HTML/CSS 方法 在每个 <p> 元素前插入内容: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").before("<p>Hello world!</p>"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquer…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html attr (创建页面,内容为“{{DISPLAYTITLE:attr()}}5 = jQuery attr() 方法 = jQuery HTML/CSS 方法 设置图像的 width 属性: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("img").attr("width","500"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html appendto (创建页面,内容为“{{DISPLAYTITLE:appendTo()}}4 = jQuery appendTo() 方法 = jQuery HTML/CSS 方法 在每个 <p> 元素的结尾插入 <span> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("<span>Hello World!</span>").appendTo("p"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html append (创建页面,内容为“{{DISPLAYTITLE:append()}}3 = jQuery append() 方法 = jQuery HTML/CSS 方法 在所有 <p> 元素结尾插入内容: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("#btn1").click(function(){ $("p").append(" <b>插入文本</b>."); }); $("#btn2").click(function(){ $("ol").append("<li>插入项</li>"); }); }); </sample> <run name=""> <!D…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html after (创建页面,内容为“{{DISPLAYTITLE:after()}}2 = jQuery after() 方法 = jQuery HTML/CSS 方法 在每个 <p> 元素后插入内容: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").after("<p>Hello world!</p>"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Html addclass (创建页面,内容为“{{DISPLAYTITLE:addClass()}}1 = jQuery addClass() 方法 = jQuery HTML/CSS 方法 向第一个 <p> 元素添加一个类名: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p:first").addClass("intro"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/j…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面JQuery HTML / CSS 方法 (创建页面,内容为“{{DISPLAYTITLE:jQuery HTML / CSS 方法}}35 = jQuery HTML / CSS 方法 = == jQuery HTML / CSS 方法 == 下面的表格列出了所有用于处理 HTML 和 CSS 的 jQuery 方法。 下面的方法适用于 HTML 和 XML 文档。除了:html() 方法。 {| class="table table-striped table-hover" ! 方法 ! 描述 |- | addClass() | 向被选元素添加一个或多个类名 |- | after() | 在被选…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Eff toggle (创建页面,内容为“{{DISPLAYTITLE:toggle()}}17 = jQuery toggle() 方法 = jQuery 效果方法 在所有 <p> 元素上进行隐藏和显示之间的切换: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").toggle(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.or…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Eff stop (创建页面,内容为“{{DISPLAYTITLE:stop()}}16 = jQuery stop() 方法 = jQuery 效果方法 停止当前正在运行的动画: <sample title="" desc="" lang="html" hererun="1"> $("#stop").click(function(){ $("div").stop(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </scr…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Eff slideup (创建页面,内容为“{{DISPLAYTITLE:slideUp()}}15 = jQuery slideUp() 方法 = jQuery 效果方法 以滑动方式隐藏所有的 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").slideUp(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/j…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Eff slidetoggle (创建页面,内容为“{{DISPLAYTITLE:slideToggle()}}14 = jQuery slideToggle() 方法 = jQuery 效果方法 在所有 <p> 元素上进行 slideUp() 和 slideDown() 之间的切换: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").slideToggle(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title>…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Eff slidedown (创建页面,内容为“{{DISPLAYTITLE:slideDown()}}13 = jQuery slideDown() 方法 = jQuery 效果方法 以滑动方式显示所有隐藏的 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").slideDown(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.stat…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Eff show (创建页面,内容为“{{DISPLAYTITLE:show()}}12 = jQuery 效果 show() 方法 = jQuery 效果方法 显示所有隐藏的 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").show(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min…”)
  • 2022年8月19日 (五) 11:44 Neo 讨论 贡献创建了页面Eff queue (创建页面,内容为“{{DISPLAYTITLE:queue()}}11 = jQuery queue() 方法 = jQuery 效果方法 显示 <span> 元素中队列的长度: <sample title="" desc="" lang="html" hererun="1"> $("span").text(div.queue().length); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </scri…”)
  • 2022年8月19日 (五) 11:43 Neo 讨论 贡献创建了页面Eff hide (创建页面,内容为“{{DISPLAYTITLE:hide()}}10 = jQuery hide() 方法 = jQuery 效果方法 隐藏所有 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").hide(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script>…”)
  • 2022年8月19日 (五) 11:43 Neo 讨论 贡献创建了页面Eff finish (创建页面,内容为“{{DISPLAYTITLE:finish()}}9 = jQuery finish() 方法 = jQuery 效果方法 完成当前正在运行的动画: <sample title="" desc="" lang="html" hererun="1"> $("#complete").click(function(){ $("div").finish(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.j…”)
  • 2022年8月19日 (五) 11:43 Neo 讨论 贡献创建了页面Eff fadetoggle (创建页面,内容为“{{DISPLAYTITLE:fadeToggle()}}8 = jQuery fadeToggle() 方法 = jQuery 效果方法 不同盒子淡入和淡出的切换: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("#div1").fadeToggle(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/j…”)
  • 2022年8月19日 (五) 11:43 Neo 讨论 贡献创建了页面Eff fadeout (创建页面,内容为“{{DISPLAYTITLE:fadeOut()}}6 = jQuery Effect fadeOut() 方法 = jQuery 效果方法 使用淡出效果显示所有 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").fadeOut(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/…”)
  • 2022年8月19日 (五) 11:43 Neo 讨论 贡献创建了页面Eff fadeto (创建页面,内容为“{{DISPLAYTITLE:fadeTo()}}7 = jQuery 效果 fadeTo() 方法 = jQuery 效果方法 逐渐改变所有 <p> 元素的不透明度: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").fadeTo(1000,0.4); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org…”)
  • 2022年8月19日 (五) 11:43 Neo 讨论 贡献创建了页面Eff delay (创建页面,内容为“{{DISPLAYTITLE:delay()}}3 = jQuery delay() 方法 = jQuery 效果方法 对不同的 <div> 元素设置延迟: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("#div1").delay("slow").fadeIn(); $("#div2").delay("fast").fadeIn(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)<…”)
  • 2022年8月19日 (五) 11:43 Neo 讨论 贡献创建了页面Eff dequeue (创建页面,内容为“{{DISPLAYTITLE:dequeue()}}4 = jQuery dequeue() 方法 = jQuery 效果方法 从队列中移除下一个函数,然后执行函数: <sample title="" desc="" lang="html" hererun="1"> $("div").queue(function(){ $("div").css("background-color","red"); $("div").dequeue(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title…”)
  • 2022年8月19日 (五) 11:43 Neo 讨论 贡献创建了页面Eff fadein (创建页面,内容为“{{DISPLAYTITLE:fadeIn()}}5 = jQuery fadeIn() 方法 = jQuery 效果方法 使用淡入效果显示所有 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").fadeIn(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jqu…”)
  • 2022年8月19日 (五) 11:43 Neo 讨论 贡献创建了页面Eff clearqueue (创建页面,内容为“{{DISPLAYTITLE:clearQueue()}}2 = jQuery clearQueue() 方法 = jQuery 效果方法 停止队列中的剩余函数: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("div").clearQueue(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.…”)
  • 2022年8月19日 (五) 11:43 Neo 讨论 贡献创建了页面JQuery 效果方法 (创建页面,内容为“{{DISPLAYTITLE:jQuery 效果方法}}34 = jQuery 效果 方法 = == jQuery 效果方法 == 下面的表格列出了所有用于创建动画效果的 jQuery 方法。 {| class="table table-striped table-hover" ! 方法 ! 描述 |- | animate() | 对被选元素应用"自定义"的动画 |- | clearQueue() | 对被选元素移除所有排队函数(仍未运行的) |- | eff delay|delay()…”)
  • 2022年8月19日 (五) 11:43 Neo 讨论 贡献创建了页面Eff animate (创建页面,内容为“{{DISPLAYTITLE:animate()}}1 = jQuery animate() 方法 = jQuery 效果方法 通过改变元素的高度,对元素应用动画: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("#box").animate({height:"300px"}); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.static…”)
  • 2022年8月19日 (五) 11:43 Neo 讨论 贡献创建了页面Event holdready (创建页面,内容为“{{DISPLAYTITLE:$.holdReady()}}60 = jQuery.holdReady()方法 = jQuery 事件方法 HTML元素单击右键触发事件 <sample title="" desc="" lang="html" hererun="1"> <button id="first">点击测试弹出</button> <button id="second">解除延迟</button> <script> $.holdReady(true) $(document).ready(function(){ $("#first").click(function(){ alert("解除延迟后被弹出"); }) }) $("#secon…”)
  • 2022年8月19日 (五) 11:43 Neo 讨论 贡献创建了页面Event contextmenu (创建页面,内容为“{{DISPLAYTITLE:contextmenu()}}59 = jQuery contextmenu() 方法 = jQuery 事件方法 单击右键触发 contextmenu 事件 <sample title="" desc="" lang="html" hererun="1"> <div id="target"> 右键单击这里 </div> <script> $(function () { $( "#target" ).contextmenu(function() { alert( "处理程序.contextmenu()被调用。" ); }); }) </script> </sample> <run name=""> <!DOCTYPE html…”)
  • 2022年8月19日 (五) 11:43 Neo 讨论 贡献创建了页面Event undelegate (创建页面,内容为“{{DISPLAYTITLE:undelegate()}}57 = jQuery undelegate() 方法 = jQuery 事件方法 通过 undelegate() 方法从所有元素移除所有事件处理程序: <sample title="" desc="" lang="html" hererun="1"> $("body").undelegate(); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10…”)
  • 2022年8月19日 (五) 11:42 Neo 讨论 贡献创建了页面Event unbind (创建页面,内容为“{{DISPLAYTITLE:unbind()}}56 = jQuery unbind() 方法 = jQuery 事件方法 移除所有 <p> 元素的事件处理程序: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").unbind(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquer…”)
  • 2022年8月19日 (五) 11:42 Neo 讨论 贡献创建了页面Event triggerhandler (创建页面,内容为“{{DISPLAYTITLE:triggerHandler()}}55 = jQuery triggerHandler() 方法 = jQuery 事件方法 触发 <input> 元素的 select 事件: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("input").triggerHandler("select"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.…”)
  • 2022年8月19日 (五) 11:41 Neo 讨论 贡献创建了页面Event trigger (创建页面,内容为“{{DISPLAYTITLE:trigger()}}54 = jQuery trigger() 方法 = jQuery 事件方法 触发 <input> 元素的 select 事件: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("input").trigger("select"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery…”)
  • 2022年8月19日 (五) 11:41 Neo 讨论 贡献创建了页面Event toggle (创建页面,内容为“{{DISPLAYTITLE:toggle()}}53 = jQuery toggle() 方法 = jQuery 事件方法 当点击 <p> 元素时进行颜色切换: <sample title="" desc="" lang="html" hererun="1"> $("p").toggle( function(){$("p").css({"color":"red"});}, function(){$("p").css({"color":"blue"});}, function(){$("p").css({"color":"green"}); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8…”)
  • 2022年8月19日 (五) 11:41 Neo 讨论 贡献创建了页面Event select (创建页面,内容为“{{DISPLAYTITLE:select()}}51 = jQuery select() 方法 = jQuery 事件方法 当文本域中的文本被选择时,显示提示消息: <sample title="" desc="" lang="html" hererun="1"> $("input").select(function(){ alert("文本已选中!"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.sta…”)
  • 2022年8月19日 (五) 11:41 Neo 讨论 贡献创建了页面Event ready (创建页面,内容为“{{DISPLAYTITLE:ready()}}48 = jQuery ready() 方法 = jQuery 事件方法 使用 ready() 来使函数在文档加载后是可用的: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("button").click(function(){ $("p").slideToggle(); }); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title>…”)
  • 2022年8月19日 (五) 11:41 Neo 讨论 贡献创建了页面Event proxy (创建页面,内容为“{{DISPLAYTITLE:$.proxy()}}47 = jQuery $.proxy() 方法 = jQuery 事件方法 强制执行 objPerson 内的 "test" 函数的上下文: <sample title="" desc="" lang="html" hererun="1"> $("button").click($.proxy(objPerson,"test")); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jqu…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event one (创建页面,内容为“{{DISPLAYTITLE:one()}}46 = jQuery one() 方法 = jQuery 事件方法 当点击 <p> 元素时,增加该元素的文本大小(每个 <p> 元素只能触发一次事件): <sample title="" desc="" lang="html" hererun="1"> $("p").one("click",function(){ $(this).animate({fontSize:"+=6px"}); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event on (创建页面,内容为“{{DISPLAYTITLE:on()}}45 = jQuery on() 方法 = jQuery 事件方法 向 <p> 元素添加 click 事件处理程序: <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("p").on("click",function(){ alert("段落被点击了。"); }); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </sc…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event off (创建页面,内容为“{{DISPLAYTITLE:off()}}44 = jQuery off() 方法 = jQuery 事件方法 移除所有 <p> 元素上的 click 事件: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").off("click"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquer…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event mouseup (创建页面,内容为“{{DISPLAYTITLE:mouseup()}}43 = jQuery mouseup() 方法 = jQuery 事件方法 在 <div> 元素上松开鼠标左键,插入一些文本: <sample title="" desc="" lang="html" hererun="1"> $("div").mouseup(function(){ $(this).after("释放鼠标按钮。"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event mouseover (创建页面,内容为“{{DISPLAYTITLE:mouseover()}}42 = jQuery mouseover() 方法 = jQuery 事件方法 当鼠标指针位于 <p> 元素上方时,设置背景色为黄色: <sample title="" desc="" lang="html" hererun="1"> $("p").mouseover(function(){ $("p").css("background-color","yellow"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</t…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event mouseout (创建页面,内容为“{{DISPLAYTITLE:mouseout()}}41 = jQuery mouseout() 方法 = jQuery 事件方法 当鼠标指针离开 <p> 元素时,设置背景色为灰色: <sample title="" desc="" lang="html" hererun="1"> $("p").mouseout(function(){ $("p").css("background-color","gray"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event mousemove (创建页面,内容为“{{DISPLAYTITLE:mousemove()}}40 = jQuery mousemove() 方法 = jQuery 事件方法 获得鼠标指针在页面中的位置: <sample title="" desc="" lang="html" hererun="1"> $(document).mousemove(function(event){ $("span").text(event.pageX + ", " + event.pageY); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script sr…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event mousedown (创建页面,内容为“{{DISPLAYTITLE:mousedown()}}37 = jQuery mousedown() 方法 = jQuery 事件方法 在 <div> 元素上按下鼠标左键,插入一些文本: <sample title="" desc="" lang="html" hererun="1"> $("div").mousedown(function(){ $(this).after("Mouse button pressed down."); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <scrip…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event live (创建页面,内容为“{{DISPLAYTITLE:live()}}35 = jQuery live() 方法 = jQuery 事件方法 当点击按钮时,隐藏或显示 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("button").live("click",function(){ $("p").slideToggle(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://apps.bdimg.com/libs/jquery/1.7.0/jquery.js"> </script> <s…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event focusout (创建页面,内容为“{{DISPLAYTITLE:focusout()}}30 = jQuery focusout() 方法 = jQuery 事件方法 当 <div> 元素或其任意子元素失去焦点时,设置 <div> 元素的背景颜色: <sample title="" desc="" lang="html" hererun="1"> $("div").focusout(function(){ $(this).css("background-color","#FFFFFF"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event focusin (创建页面,内容为“{{DISPLAYTITLE:focusin()}}29 = jQuery focusin() 方法 = jQuery 事件方法 当 <div> 元素或其任意子元素获得焦点时,设置 <div> 元素的背景颜色: <sample title="" desc="" lang="html" hererun="1"> $("div").focusin(function(){ $(this).css("background-color","#FFFFCC"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event metakey (创建页面,内容为“{{DISPLAYTITLE:event.metaKey}}27 = jQuery event.metakey 属性 = jQuery 事件方法 返回meta是否键被按下: <sample title="" desc="" lang="html" hererun="1"> $( "#checkMetaKey" ).click(function( event ) { $( "#display" ).text( event.metaKey ); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.s…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event which (创建页面,内容为“{{DISPLAYTITLE:event.which}}26 = jQuery event.which 属性 = jQuery 事件方法 返回哪个键盘键被按下: <sample title="" desc="" lang="html" hererun="1"> $("input").keydown(function(event){ $("div").html("Key: " + event.which); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.stati…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Jq event type (创建页面,内容为“{{DISPLAYTITLE:event.type}}25 = jQuery event.type 属性 = jQuery 事件方法 返回哪种事件类型被触发: <sample title="" desc="" lang="html" hererun="1"> $("p").on("click dblclick mouseover mouseout",function(event){ $("div").html("Event: " + event.type); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <sc…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Jq event timestamp (创建页面,内容为“{{DISPLAYTITLE:event.timeStamp}}24 = jQuery event.timeStamp 属性 = jQuery 事件方法 返回鼠标左键第一次按下到最后一次抬起所消耗的毫秒数: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(event){ $("span").text(event.timeStamp); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.o…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Jq event target (创建页面,内容为“{{DISPLAYTITLE:event.target}}23 = jQuery event.target 属性 = jQuery 事件方法 返回哪个 DOM 元素触发了事件: <sample title="" desc="" lang="html" hererun="1"> $("p, button, h1").click(function(event){ $("div").html("通过 " + event.target.nodeName + " 元素触发。"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event stoppropagation (创建页面,内容为“{{DISPLAYTITLE:event.stopPropagation()}}22 = jQuery event.stopPropagation() 方法 = jQuery 事件方法 阻止 click 事件冒泡到父元素: <sample title="" desc="" lang="html" hererun="1"> $("span").click(function(event){ event.stopPropagation(); alert("The span element was clicked."); }); $("p").click(function(event){ alert("The p element was clicked."); }); $("div").click(f…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event stopimmediatepropagation (创建页面,内容为“{{DISPLAYTITLE:event.stopImmediatePropagation()}}21 = jQuery event.stopImmediatePropagation() 方法 = jQuery 事件方法 执行第一个事件处理程序,并阻止剩下的事件处理程序被执行: <sample title="" desc="" lang="html" hererun="1"> $("div").click(function(event){ alert("事件句柄 1 被执行"); event.stopImmediatePropagation(); }); $("div").click(function(event){…”)
  • 2022年8月19日 (五) 11:40 Neo 讨论 贡献创建了页面Event result (创建页面,内容为“{{DISPLAYTITLE:event.result}}20 = jQuery event.result 属性 = jQuery 事件方法 返回最后一次 click 事件的值: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ return "Hello world!"; }); $("button").click(function(event){ $("p").html(event.result); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(x…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Jq event relatedtarget (创建页面,内容为“{{DISPLAYTITLE:event.relatedTarget}}19 = jQuery event.relatedTarget 属性 = jQuery 事件方法 返回元素的相关目标: <sample title="" desc="" lang="html" hererun="1"> $("div").mouseenter(function(event){ alert("relatedTarget 为: " + event.relatedTarget); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Event preventdefault (创建页面,内容为“{{DISPLAYTITLE:event.preventDefault()}}18 = jQuery event.preventDefault() 方法 = jQuery 事件方法 防止链接打开 URL: <sample title="" desc="" lang="html" hererun="1"> $("a").click(function(event){ event.preventDefault(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(f…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Event pagey (创建页面,内容为“{{DISPLAYTITLE:event.pageY}}17 = jQuery event.pageY 属性 = jQuery 事件方法 返回鼠标指针的位置: <sample title="" desc="" lang="html" hererun="1"> $(document).mousemove(function(event){ $("span").text("X: " + event.pageX + ", Y: " + event.pageY); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Event pagex (创建页面,内容为“{{DISPLAYTITLE:event.pageX}}16 = jQuery event.pageX 属性 = jQuery 事件方法 返回鼠标指针的位置: <sample title="" desc="" lang="html" hererun="1"> $(document).mousemove(function(event){ $("span").text("X: " + event.pageX + ", Y: " + event.pageY); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Event namespace (创建页面,内容为“{{DISPLAYTITLE:event.namespace}}15 = jQuery event.namespace 属性 = jQuery 事件方法 添加并移除自定义命名空间: <sample title="" desc="" lang="html" hererun="1"> $("p").on("custom.someNamespace",function(event){ alert(event.namespace); }); $("p").click(function(event){ $(this).trigger("custom.someNamespace"); }); $("button").click(function(){ $("p").off("custom.someNames…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Event ispropagationstopped (创建页面,内容为“{{DISPLAYTITLE:event.isPropagationStopped()}}14 = jQuery event.isPropagationStopped() 方法 = jQuery 事件方法 检查 event.stopPropagation() 是否被调用: <sample title="" desc="" lang="html" hererun="1"> $("div").click(function(event){ event.stopPropagation(); alert(event.isPropagationStopped()); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8">…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Event isimmediatepropagationstopped (创建页面,内容为“{{DISPLAYTITLE:event.isImmediatePropagationStopped()}}13 = jQuery event.isImmediatePropagationStopped() 方法 = jQuery 事件方法 检查 event.stopImmediatePropagation() 是否被调用: <sample title="" desc="" lang="html" hererun="1"> $("div").click(function(event){ event.stopImmediatePropagation(); alert(event.isImmediatePropagationStopped()); }); </sample> <run name=""> <!DOCTYPE…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Event isdefaultprevented (创建页面,内容为“{{DISPLAYTITLE:event.isDefaultPrevented()}}12 = jQuery event.isDefaultPrevented() 方法 = jQuery 事件方法 防止链接打开 URL,并检查 preventDefault() 是否被调用: <sample title="" desc="" lang="html" hererun="1"> $("a").click(function(event){ event.preventDefault(); alert("检查 preventDefault() 是否被调用: " + event.isDefaultPrevented()); }); </sample> <run name=""> <!…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Event delegatetarget (创建页面,内容为“{{DISPLAYTITLE:event.delegateTarget}}11 = jQuery event.delegateTarget 属性 = jQuery 事件方法 改变 <div> 元素的背景颜色(<button> 元素的祖先): <sample title="" desc="" lang="html" hererun="1"> $("div").on("click","button",function(event){ $(event.delegateTarget).css("background-color", "pink"); }); </sample> <run name=""> <!DOCTYPE html> <html> <he…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Event data (创建页面,内容为“{{DISPLAYTITLE:event.data}}10 = jQuery event.data 属性 = jQuery 事件方法 对每个 <p> 元素返回通过 on() 方法传递的数据: <sample title="" desc="" lang="html" hererun="1"> $("p").each(function(i){ $(this).on("click",{x:i},function(event){ alert("序号:" + $(this).index() + ". 段落的数据为: " + event.data.x); }); }); </sample> <run name=""> <!DOCTYPE h…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Jq event currenttarget (创建页面,内容为“{{DISPLAYTITLE:event.currentTarget}}9 = jQuery event.currentTarget 属性 = jQuery 事件方法 event.currentTarget 通常等于 this: <sample title="" desc="" lang="html" hererun="1"> $("h1,h2,p").click(function(event){ alert(event.currentTarget === this); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script sr…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Event error (创建页面,内容为“{{DISPLAYTITLE:error()}}8 = jQuery error() 方法 = jQuery 事件方法 如果 image 元素遇到错误,把它替换为文本: <sample title="" desc="" lang="html" hererun="1"> $("img").error(function(){ $("img").replaceWith("<p>图片加载错误!</p>"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Event die (创建页面,内容为“{{DISPLAYTITLE:die()}}7 = jQuery die() 方法 = jQuery 事件方法 移除所有通过 live() 方法向 <p> 元素添加的事件处理程序: <sample title="" desc="" lang="html" hererun="1"> $("p").die(); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://apps.bdimg.com/libs/jquery/1.7.0/jquery.min.js"…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Event delegate (创建页面,内容为“{{DISPLAYTITLE:delegate()}}6 = jQuery delegate() 方法 = jQuery 事件方法 当单击 <div> 元素内部的 <p> 元素时,改变所有 <p> 元素的背景颜色: <sample title="" desc="" lang="html" hererun="1"> $("div").delegate("p","click",function(){ $("p").css("background-color","pink"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Event bind (创建页面,内容为“{{DISPLAYTITLE:bind()}}1 = jQuery bind() 方法 = jQuery 事件方法 向 <p> 元素添加一个单击事件: <sample title="" desc="" lang="html" hererun="1"> $("p").bind("click",function(){ alert("这个段落被点击了。"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/j…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面JQuery 事件方法 (创建页面,内容为“{{DISPLAYTITLE:jQuery 事件方法}}33 = jQuery 事件 方法 = == jQuery 事件方法 == 事件方法触发器或添加一个函数到被选元素的事件处理程序。 下面的表格列出了所有用于处理事件的 jQuery 方法。 {| class="table table-striped table-hover" ! 方法 ! 描述 |- | bind() | 向元素添加事件处理程序 |- | blur() | 添加/触发失去焦点事件 |- | e…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Jq sel target (创建页面,内容为“{{DISPLAYTITLE::target}}63 = jQuery :target 选择器 = jQuery 选择器 == 定义和用法 == :target 选择器选择由文档URI的格式化识别码表示的目标元素。 '''提示:'''如果文档的URI包含一个格式化的标识符或 hash(哈希),那么 :target 选择器将匹配ID和标识符相匹配的元素。 例如,给定的URI http://example.com/#foo,则$( "p:target…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Sel input checked (创建页面,内容为“{{DISPLAYTITLE::checked}}62 = jQuery :checked 选择器 = jQuery 选择器 选取所有被选中的元素(复选框或单选按钮): <sample title="" desc="" lang="html" hererun="1"> $(":checked") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </sc…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Sel input selected (创建页面,内容为“{{DISPLAYTITLE::selected}}61 = jQuery :selected 选择器 = jQuery 选择器 选取下拉列表中预先选定的项: <sample title="" desc="" lang="html" hererun="1"> $(":selected") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(d…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Sel input disabled (创建页面,内容为“{{DISPLAYTITLE::disabled}}60 = jQuery :disabled 选择器 = jQuery 选择器 选取所有禁用的表单元素: <sample title="" desc="" lang="html" hererun="1"> $(":disabled") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(documen…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Sel input enabled (创建页面,内容为“{{DISPLAYTITLE::enabled}}59 = jQuery :enabled 选择器 = jQuery 选择器 选取所有启用的表单元素: <sample title="" desc="" lang="html" hererun="1"> $(":enabled") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Sel input file (创建页面,内容为“{{DISPLAYTITLE::file}}58 = jQuery :file 选择器 = jQuery 选择器 选取带有 type="file" 的 <input> 元素: <sample title="" desc="" lang="html" hererun="1"> $(":file") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <scr…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Sel input image (创建页面,内容为“{{DISPLAYTITLE::image}}57 = jQuery :image 选择器 = jQuery 选择器 选取带有 type="image" 的 <input> 元素: <sample title="" desc="" lang="html" hererun="1"> $(":image") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script>…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Sel input button (创建页面,内容为“{{DISPLAYTITLE::button}}56 = jQuery :button 选择器 = jQuery 选择器 选取带有 type="button" 的 <button> 和 <input> 元素: <sample title="" desc="" lang="html" hererun="1"> $(":button") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jqu…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Sel input reset (创建页面,内容为“{{DISPLAYTITLE::reset}}55 = jQuery :reset 选择器 = jQuery 选择器 选取带有 type="reset" 的 <input> 和 <button> 元素: <sample title="" desc="" lang="html" hererun="1"> $(":reset") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.…”)
  • 2022年8月19日 (五) 11:39 Neo 讨论 贡献创建了页面Sel input submit (创建页面,内容为“{{DISPLAYTITLE::submit}}54 = jQuery :submit 选择器 = jQuery 选择器 选取带有 type="submit" 的 <input> 和 <button> 元素: <sample title="" desc="" lang="html" hererun="1"> $(":submit") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jqu…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel input checkbox (创建页面,内容为“{{DISPLAYTITLE::checkbox}}53 = jQuery :checkbox 选择器 = jQuery 选择器 选取所有带有 type="checkbox" 的 <input> 元素: <sample title="" desc="" lang="html" hererun="1"> $(":checkbox") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.m…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel input radio (创建页面,内容为“{{DISPLAYTITLE::radio}}52 = jQuery :radio 选择器 = jQuery 选择器 选取所有带有 type="radio" 的 <input> 元素: <sample title="" desc="" lang="html" hererun="1"> $(":radio") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </sc…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel input password (创建页面,内容为“{{DISPLAYTITLE::password}}51 = jQuery :password 选择器 = jQuery 选择器 选取带有 type="password" 的 <input> 元素: <sample title="" desc="" lang="html" hererun="1"> $(":password") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel input text (创建页面,内容为“{{DISPLAYTITLE::text}}50 = jQuery :text 选择器 = jQuery 选择器 选取带有 type="text" 的 <input> 元素: <sample title="" desc="" lang="html" hererun="1"> $(":text") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <scr…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel input (创建页面,内容为“{{DISPLAYTITLE::input}}49 = jQuery :input 选择器 = jQuery 选择器 选取所有 input 元素: <sample title="" desc="" lang="html" hererun="1"> $(":input") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel multipleattribute equal value (创建页面,内容为“{{DISPLAYTITLE:[name=value][name2=value2]}}48 = jQuery [name="value"][name2="value2″] 选择器 = jQuery 选择器 通过复合选择器查找符合条件的输入框,并设置值。 <sample title="" desc="" lang="html" hererun="1"> <input id="man-news" name="man-news" /> <input name="milkman" /> <input id="letterman" name="new-letterman" /> <input name="newmilk" /> <script> $(func…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel attribute contains string value (创建页面,内容为“{{DISPLAYTITLE:[attribute*=value]}}47 = jQuery [attribute*=value] 选择器 = jQuery 选择器 选取所有带有包含字符串 "nation" 的 name 属性的 <input> 元素: <sample title="" desc="" lang="html" hererun="1"> $("input[name*='nation']") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel attribute contains value (创建页面,内容为“{{DISPLAYTITLE:[attribute~=value]}}46 = jQuery [attribute~=value] 选择器 = jQuery 选择器 选取所有带有包含单词 "nation" 的 name 属性的 <input> 元素: <sample title="" desc="" lang="html" hererun="1"> $("input[name~='nation']") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="h…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel attribute beginning value (创建页面,内容为“{{DISPLAYTITLE:[attribute^=value]}}45 = jQuery [attribute^=value] 选择器 = jQuery 选择器 选取所有带有以 "nation" 开头的 name 属性的 <input> 元素: <sample title="" desc="" lang="html" hererun="1"> $("input[name^='nation']") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="http…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel attribute prefix value (创建页面,内容为“{{DISPLAYTITLE:[attribute|=value]}}44 = jQuery [attribute|=value] 选择器 = jQuery 选择器 选取所有带有以 "Tomorrow" 开头的 title 属性的 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p[title|='Tomorrow']") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel attribute end value (创建页面,内容为“{{DISPLAYTITLE:[attribute$=value]}}43 = jQuery [attribute$=value] 选择器 = jQuery 选择器 选取所有带有以 ".org" 结尾的 href 属性的 <a> 元素: <sample title="" desc="" lang="html" hererun="1"> $("a[href$='.org']") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.stat…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel attribute notequal value (创建页面,内容为“{{DISPLAYTITLE:[attribute!=value]}}42 = jQuery [attribute!=value] 选择器 = jQuery 选择器 选取所有 class 属性值'''不'''为 "intro" 的 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p[class!='intro']") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.sta…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel attribute equal value (创建页面,内容为“{{DISPLAYTITLE:[attribute=value]}}41 = jQuery [attribute=value] 选择器 = jQuery 选择器 选取 id 属性值为 "choose" 的每个元素: <sample title="" desc="" lang="html" hererun="1"> $("[id=choose]") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jq…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Jq sel attribute (创建页面,内容为“{{DISPLAYTITLE:[attribute]}}40 = jQuery [attribute] 选择器 = jQuery 选择器 选取带有 id 属性的每个元素: <sample title="" desc="" lang="html" hererun="1"> $("[id]") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(docu…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Jq sel lang (创建页面,内容为“{{DISPLAYTITLE::lang(language)}}39 = jQuery :lang() 选择器 = jQuery 选择器 选取所有 lang 属性为 "it" 的 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p:lang(it)") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Jq sel root (创建页面,内容为“{{DISPLAYTITLE::root}}38 = jQuery :root 选择器 = jQuery 选择器 设置 HTML 文档的背景颜色为黄色: <sample title="" desc="" lang="html" hererun="1"> $(":root").css("background-color","yellow"); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel visible (创建页面,内容为“{{DISPLAYTITLE::visible}}37 = jQuery :visible 选择器 = jQuery 选择器 选取所有可见的 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p:visible") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(docu…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel hidden (创建页面,内容为“{{DISPLAYTITLE::hidden}}36 = jQuery :hidden 选择器 = jQuery 选择器 显示隐藏的元素: <sample title="" desc="" lang="html" hererun="1"> $(":hidden").show(); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(fun…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel parent (创建页面,内容为“{{DISPLAYTITLE::parent}}35 = jQuery :parent 选择器 = jQuery 选择器 选取所有带有子元素或包含文本的 <td> 元素: <sample title="" desc="" lang="html" hererun="1"> $("td:parent") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </sc…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Jq sel empty (创建页面,内容为“{{DISPLAYTITLE::empty}}34 = jQuery :empty 选择器 = jQuery 选择器 选取所有空元素: <sample title="" desc="" lang="html" hererun="1"> $(":empty") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel has (创建页面,内容为“{{DISPLAYTITLE::has(selector)}}33 = jQuery :has() 选择器 = jQuery 选择器 选取所有包含有 <span> 元素在其内的 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p:has(span)") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquer…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel contains (创建页面,内容为“{{DISPLAYTITLE::contains(text)}}32 = jQuery :contains() 选择器 = jQuery 选择器 选取所有包含 "is" 的 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p:contains(is)") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Jq sel focus (创建页面,内容为“{{DISPLAYTITLE::focus}}31 = jQuery :focus 选择器 = jQuery 选择器 选取当前具有焦点的元素: <sample title="" desc="" lang="html" hererun="1"> $(":focus") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(f…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel animated (创建页面,内容为“{{DISPLAYTITLE::animated}}30 = jQuery :animated 选择器 = jQuery 选择器 选取当前的所有动画元素: <sample title="" desc="" lang="html" hererun="1"> $(":animated") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(documen…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel header (创建页面,内容为“{{DISPLAYTITLE::header}}29 = jQuery :header 选择器 = jQuery 选择器 选取所有标题元素 (h1 - h6): <sample title="" desc="" lang="html" hererun="1"> $(":header") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).re…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Jq sel not (创建页面,内容为“{{DISPLAYTITLE::not(selector)}}28 = jQuery :not() 选择器 = jQuery 选择器 选取除了 class="intro" 元素以外的所有 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p:not(.intro)") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.1…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel lt (创建页面,内容为“{{DISPLAYTITLE::lt(no)}}27 = jQuery :lt() 选择器 = jQuery 选择器 选取前 4 个 <tr> 元素: <sample title="" desc="" lang="html" hererun="1"> $("tr:lt(4)") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).read…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel gt (创建页面,内容为“{{DISPLAYTITLE::gt(no)}}26 = jQuery :gt() 选择器 = jQuery 选择器 选择前 4 个之后的所有 <tr> 元素: <sample title="" desc="" lang="html" hererun="1"> $("tr:gt(3)") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel eq (创建页面,内容为“{{DISPLAYTITLE::eq(index)}}25 = jQuery :eq() 选择器 = jQuery 选择器 选取第二个 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p:eq(1)") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).rea…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel previous siblings (创建页面,内容为“{{DISPLAYTITLE:element ~ siblings}}24 = jQuery element ~ siblings 选择器 = jQuery 选择器 选取 <div> 元素同级的所有 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("div ~ p") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel previous next (创建页面,内容为“{{DISPLAYTITLE:element + next}}23 = jQuery element + next 选择器 = jQuery 选择器 选取与每个 <div> 元素相邻的下一个 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("div + p") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jq…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel parent descendant (创建页面,内容为“{{DISPLAYTITLE:parent descendant}}22 = jQuery 父后代 选择器 = jQuery 选择器 选取 <div> 元素的后代的所有 <span> 元素: <sample title="" desc="" lang="html" hererun="1"> $("div span") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.mi…”)
  • 2022年8月19日 (五) 11:38 Neo 讨论 贡献创建了页面Sel parent child (创建页面,内容为“{{DISPLAYTITLE:parent > child}}21 = jQuery parent > child 选择器 = jQuery 选择器 选取 <div> 元素的直接子元素的 <span> 元素: <sample title="" desc="" lang="html" hererun="1"> $("div > span") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel onlyoftype (创建页面,内容为“{{DISPLAYTITLE::only-of-type}}20 = jQuery :only-of-type 选择器 = jQuery 选择器 选取属于其父元素的唯一 <p> 元素的每个 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p:only-of-type") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jque…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel onlychild (创建页面,内容为“{{DISPLAYTITLE::only-child}}19 = jQuery :only-child 选择器 = jQuery 选择器 选取属于其父元素的唯一子元素的每个 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p:only-child") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jque…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel nthlastoftype (创建页面,内容为“{{DISPLAYTITLE::nth-last-of-type(n)}}18 = jQuery :nth-last-of-type() 选择器 = jQuery 选择器 选取属于其父元素的第三个 <p> 元素的每个 <p> 元素,从最后一个子元素开始计数: <sample title="" desc="" lang="html" hererun="1"> $("p:nth-last-of-type(3)") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiao…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel nthoftype (创建页面,内容为“{{DISPLAYTITLE::nth-of-type(n)}}17 = jQuery :nth-of-type() 选择器 = jQuery 选择器 选取属于其父元素的第三个 <p> 元素的每个 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p:nth-of-type(3)") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel nthlastchild (创建页面,内容为“{{DISPLAYTITLE::nth-last-child(n)}}16 = jQuery :nth-last-child() 选择器 = jQuery 选择器 选取属于其父元素的第三个子元素的 <p> 元素,从最后一个子元素开始计数: <sample title="" desc="" lang="html" hererun="1"> $("p:nth-last-child(3)") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <s…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel nthchild (创建页面,内容为“{{DISPLAYTITLE::nth-child(n)}}15 = jQuery :nth-child() 选择器 = jQuery 选择器 选取属于其父元素的第三个子元素的每个 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p:nth-child(3)") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(docume…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel lastoftype (创建页面,内容为“{{DISPLAYTITLE::last-of-type}}14 = jQuery :last-of-type 选择器 = jQuery 选择器 选取属于其父元素的最后一个 <p> 元素的每个 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p:last-of-type") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script>…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel lastchild (创建页面,内容为“{{DISPLAYTITLE::last-child}}13 = jQuery :last-child 选择器 = jQuery 选择器 选取属于其父元素的最后一个 <p> 的子元素: <sample title="" desc="" lang="html" hererun="1"> $("p:last-child") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel firstoftype (创建页面,内容为“{{DISPLAYTITLE::first-of-type}}12 = jQuery :first-of-type 选择器 = jQuery 选择器 选取属于其父元素的第一个 <p> 元素的每个 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p:first-of-type") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script>…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Jq sel firstchild (创建页面,内容为“{{DISPLAYTITLE::first-child}}11 = jQuery :first-child 选择器 = jQuery 选择器 选取属于 <p> 的父元素中第一个为 <p> 的元素: <sample title="" desc="" lang="html" hererun="1"> $("p:first-child") </sample> <run name=""> <!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel odd (创建页面,内容为“{{DISPLAYTITLE::odd}}10 = jQuery :odd 选择器 = jQuery 选择器 选择每个相隔的(奇数)<tr> 元素: <sample title="" desc="" lang="html" hererun="1"> $("tr:odd") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("tr:odd").css…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel even (创建页面,内容为“{{DISPLAYTITLE::even}}9 = jQuery :even 选择器 = jQuery 选择器 选择每个相隔的(偶数)<tr> 元素: <sample title="" desc="" lang="html" hererun="1"> $("tr:even") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("tr:even").…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel last (创建页面,内容为“{{DISPLAYTITLE::last}}8 = jQuery :last 选择器 = jQuery 选择器 选取最后一个 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p:last") </sample> <run name=""> <!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("p:last").css("background-color","yellow"); }); </…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel first (创建页面,内容为“{{DISPLAYTITLE::first}}7 = jQuery :first 选择器 = jQuery 选择器 选取第一个 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p:first") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("p:first").css("background-…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel multiple elements (创建页面,内容为“{{DISPLAYTITLE:el1,el2,el3}}6 = jQuery 多个元素 选择器 = jQuery 选择器 选取所有 <h2>、<div> 和 <span> 元素: <sample title="" desc="" lang="html" hererun="1"> $("h2,div,span") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(f…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Jq sel element (创建页面,内容为“{{DISPLAYTITLE:element}}5 = jQuery element 选择器 = jQuery 选择器 选取所有 <p> 元素: <sample title="" desc="" lang="html" hererun="1"> $("p") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("p").css("background-color","yellow"…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Sel multiple classes (创建页面,内容为“{{DISPLAYTITLE:.class,.class}}4 = jQuery 多个类 选择器 = jQuery 选择器 选取 class 为 "intro"、"demo" 或 "end" 的所有元素: <sample title="" desc="" lang="html" hererun="1"> $(".intro,.demo,.end") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </scr…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Jq sel class (创建页面,内容为“{{DISPLAYTITLE:.class}}3 = jQuery .class 选择器 = jQuery 选择器 选取 class 为 "intro" 的所有元素: <sample title="" desc="" lang="html" hererun="1"> $(".intro") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $(".intro").cs…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Jq sel id (创建页面,内容为“{{DISPLAYTITLE:#id}}2 = jQuery #id 选择器 = jQuery 选择器 选取 id 为 "intro" 的元素: <sample title="" desc="" lang="html" hererun="1"> $("#intro") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#intro").css("backgrou…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面Jq sel all (创建页面,内容为“{{DISPLAYTITLE:*}}1 = jQuery * 选择器 = jQuery 选择器 选取文档内的所有元素: <sample title="" desc="" lang="html" hererun="1"> $("*") </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("*").css("background-color","yellow"); }); </s…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面JQuery 实例 (创建页面,内容为“{{DISPLAYTITLE:jQuery 实例}}31 = jQuery 实例 = 你想增进 jQuery 技能吗? == jQuery 选择器 == $(this).hide() 演示 jQuery 的 hide() 函数,隐藏当前的 HTML 元素。 $("p").hide() 演示 jQuery 的 hide() 函数,隐藏所有 <p> 元素。 $(".test").hide() 演…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面JQuery JSONP (创建页面,内容为“{{DISPLAYTITLE:jQuery JSONP}}30 = JSONP 教程 = 本章节我们将向大家介绍 JSONP 的知识。 Jsonp(JSON with Padding) 是 json 的一种"使用模式",可以让网页从别的域名(网站)那获取资料,即跨域读取数据。 为什么我们从不同的域(网站)访问数据需要一个特殊的技术( JSONP )呢?这是因为同源策略。 同源策略,它是由 Netscape 提出的一个著…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面JQuery noConflict() 方法 (创建页面,内容为“{{DISPLAYTITLE:jQuery noConflict() 方法}}29 = jQuery - noConflict() 方法 = 如何在页面上同时使用 jQuery 和其他框架? == jQuery 和其他 JavaScript 框架 == 正如您已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写。 如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办? 其他一些 JavaScript 框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面JQuery – AJAX get() 和 post() 方法 (创建页面,内容为“{{DISPLAYTITLE:jQuery get()/post() 方法}}28 = jQuery - AJAX get() 和 post() 方法 = jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。 == HTTP 请求:GET vs POST == 两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。 * GET - 从指定的资源请求数据 * POST - 向指定的资源提交要处理的数据 GET 基本上用于从服务器获得…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面JQuery – AJAX load() 方法 (创建页面,内容为“{{DISPLAYTITLE:jQuery load() 方法}}27 = jQuery - AJAX load() 方法 = == jQuery load() 方法 == jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 '''语法:''' <sample title="" desc="" lang="html" hererun="1"> $(selector).load(URL,data,callback); </sample> 必需的 URL 参数规定您希望加载的 URL。 可选的 data 参数规…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面JQuery AJAX 简介 (创建页面,内容为“{{DISPLAYTITLE:jQuery AJAX 简介}}26 = jQuery - AJAX 简介 = AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新。 == jQuery AJAX 实例 == <sample title="" desc="" lang="html" hererun="1"> 使用 jQuery AJAX 修改文本内容 </sample> 获取外部内容 <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</titl…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面JQuery 遍历 – 过滤 (创建页面,内容为“{{DISPLAYTITLE:jQuery 过滤}}25 = jQuery 遍历- 过滤 = == 缩小搜索元素的范围 == 三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。 其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。 == jQuery first() 方法 == first() 方法返回被选元素的首个元素。…”)
  • 2022年8月19日 (五) 11:37 Neo 讨论 贡献创建了页面JQuery 遍历 – 同胞(siblings) (创建页面,内容为“{{DISPLAYTITLE:jQuery 同胞}}24 = jQuery 遍历 - 同胞(siblings) = 同胞拥有相同的父元素。 通过 jQuery,您能够在 DOM 树中遍历元素的同胞元素。 == 在 DOM 树中水平遍历 == 有许多有用的方法让我们在 DOM 树进行水平遍历: * siblings() * next() * nextAll() * nextUntil() * prev() * prevAll() * prevUntil() == jQuery siblings() 方法 == siblings() 方法返回被选元素的所有…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 遍历 – 后代 (创建页面,内容为“{{DISPLAYTITLE:jQuery 后代}}23 = jQuery 遍历 - 后代 = 后代是子、孙、曾孙等等。 通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代。 == 向下遍历 DOM 树 == 下面是两个用于向下遍历 DOM 树的 jQuery 方法: * children() * find() == jQuery children() 方法 == children() 方法返回被选元素的所有直接子元素。 该方法只会向下一级对 DOM 树进行遍历…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 遍历 – 祖先 (创建页面,内容为“{{DISPLAYTITLE:jQuery 祖先}}22 = jQuery 遍历 - 祖先 = 祖先是父、祖父或曾祖父等等。 通过 jQuery,您能够向上遍历 DOM 树,以查找元素的祖先。 == 向上遍历 DOM 树 == 这些 jQuery 方法很有用,它们用于向上遍历 DOM 树: * parent() * parents() * parentsUntil() == jQuery parent() 方法 == parent() 方法返回被选元素的直接父元素。 该方法只会向上一级对 D…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 遍历 (创建页面,内容为“{{DISPLAYTITLE:jQuery 遍历}}21 = jQuery 遍历 = == 什么是遍历? == jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。 下图展示了一个家族树。通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 尺寸 (创建页面,内容为“{{DISPLAYTITLE:jQuery 尺寸}}20 = jQuery 尺寸 = 通过 jQuery,很容易处理元素和浏览器窗口的尺寸。 == jQuery 尺寸方法 == jQuery 提供多个处理尺寸的重要方法: * width() * height() * innerWidth() * innerHeight() * outerWidth() * outerHeight() == jQuery 尺寸 == == jQuery width() 和 height() 方法 == width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery css() 方法 (创建页面,内容为“{{DISPLAYTITLE:jQuery css() 方法}}19 = jQuery css() 方法 = == jQuery css() 方法 == css() 方法设置或返回被选元素的一个或多个样式属性。 == 返回 CSS 属性 == 如需返回指定的 CSS 属性的值,请使用如下语法: css("propertyname"); 下面的例子将返回首个匹配元素的 background-color 值: <sample title="" desc="" lang="html" hererun="1"> $("p").css("background-color…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 获取并设置 CSS 类 (创建页面,内容为“{{DISPLAYTITLE:jQuery CSS 类}}18 = jQuery - 获取并设置 CSS 类 = 通过 jQuery,可以很容易地对 CSS 元素进行操作。 切换 CSS 类 == jQuery 操作 CSS == jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些: * addClass() - 向被选元素添加一个或多个类 * removeClass() - 从被选元素删除一个或多个类 * toggleClass() - 对被选元素进行添加/删除类的切换操…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 删除元素 (创建页面,内容为“{{DISPLAYTITLE:jQuery 删除元素}}17 = jQuery - 删除元素 = 通过 jQuery,可以很容易地删除已有的 HTML 元素。 == 删除元素/内容 == 如需删除元素和内容,一般可使用以下两个 jQuery 方法: * remove() - 删除被选元素(及其子元素) * empty() - 从被选元素中删除子元素 == jQuery remove() 方法 == jQuery remove() 方法删除被选元素及其子元素。 <sample title…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 添加元素 (创建页面,内容为“{{DISPLAYTITLE:jQuery 添加元素}}16 = jQuery - 添加元素 = 通过 jQuery,可以很容易地添加新元素/内容。 == 添加新的 HTML 内容 == 我们将学习用于添加新内容的四个 jQuery 方法: * append() - 在被选元素的结尾插入内容 * prepend() - 在被选元素的开头插入内容 * after() - 在被选元素之后插入内容 * before() - 在被选元素之前插入内容 == jQuery append()…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 设置内容和属性 (创建页面,内容为“{{DISPLAYTITLE:jQuery 设置}}15 = jQuery - 设置内容和属性 = == 设置内容 - text()、html() 以及 val() == 我们将使用前一章中的三个相同的方法来设置内容: * text() - 设置或返回所选元素的文本内容 * html() - 设置或返回所选元素的内容(包括 HTML 标记) * val() - 设置或返回表单字段的值 下面的例子演示如何通过 text()、html() 以及 val() 方法来设…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 获取内容和属性 (创建页面,内容为“{{DISPLAYTITLE:jQuery 捕获}}14 = jQuery - 获取内容和属性 = jQuery 拥有可操作 HTML 元素和属性的强大方法。 == jQuery DOM 操作 == jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 <blockquote>'''DOM = Document Object Model(文档对象模型)''' DOM 定义访问 HTML 和 XML 文档的…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 链 (创建页面,内容为“{{DISPLAYTITLE:jQuery 链}}13 = jQuery - 链(Chaining) = 通过 jQuery,可以把动作/方法链接在一起。 Chaining 允许我们在一条语句中运行多个 jQuery 方法(在相同的元素上)。 == jQuery 方法链接 == 直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。 不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery Callback 方法 (创建页面,内容为“{{DISPLAYTITLE:jQuery Callback}}12 = jQuery Callback 方法 = Callback 函数在当前动画 100% 完成之后执行。 == jQuery 动画的问题 == 许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。 例子:$("p").hide("slow") speed 或 duration 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒。…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 效果 – 停止动画 (创建页面,内容为“{{DISPLAYTITLE:jQuery 停止动画}}11 = jQuery 停止动画 = jQuery stop() 方法用于在动画或效果完成前对它们进行停止。 停止滑动 点击这里,向上/向下滑动面板 时间是宝贵的,因此,我们为您提供快捷易懂的学习内容。 在这里,您可以通过一种易懂的便利的模式获得您需要的任何知识。 jQuery stop() 滑动 演…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 效果 – 动画 (创建页面,内容为“{{DISPLAYTITLE:jQuery 动画}}10 = jQuery 效果- 动画 = jQuery animate() 方法允许您创建自定义的动画。 jQuery 动画实例jQuery == jQuery 动画 - animate() 方法 == jQuery animate() 方法用于创建自定义动画。 '''语法:''' <pre> $(selector).animate({params},speed,callback);</pre> 必需的 params 参数定义形成动画的 CSS 属性。 可选的 speed 参数规定效果的时长。它可以取…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 效果 – 滑动 (创建页面,内容为“{{DISPLAYTITLE:jQuery 滑动}}9 = jQuery 效果 - 滑动 = jQuery 滑动方法可使元素上下滑动。 点击这里,隐藏/显示面板 一寸光阴一寸金,因此,我们为您提供快捷易懂的学习内容。 在这里,您可以通过一种易懂的便利的模式获得您需要的任何知识。 jQuery slideDown() 演示 jQuery slideDown() 方法。 try.php?filename=tr…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 效果 – 淡入淡出 (创建页面,内容为“{{DISPLAYTITLE:jQuery 淡入淡出}}8 = jQuery 效果 - 淡入淡出 = 通过 jQuery,您可以实现元素的淡入淡出效果。 点击展示 '''淡入/淡出''' 面板 因为时间是宝贵的,我们提供快捷方便的学习方法。 在小白教程,你可以学习需要的知识。 jQuery fadeIn() 演示 jQuery fadeIn() 方法。 try.php?filename=tryjquery_fadeout|jQuery fadeOut(…”)
  • 2022年8月19日 (五) 11:36 Neo 讨论 贡献创建了页面JQuery 效果 – 隐藏和显示 (创建页面,内容为“{{DISPLAYTITLE:jQuery 隐藏/显示}}7 = jQuery 效果- 隐藏和显示 = 隐藏、显示、切换,滑动,淡入淡出,以及动画,哇哦! 点击 显示/隐藏面板 因为时间是宝贵的,我们提供快捷方便的学习方法。 在小白教程,你可以学习需要的知识。 jQuery hide() 简单的jQuery hide()方法演示。 try.php?filename=tryjquery_hide_explanations|…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event hover (创建页面,内容为“{{DISPLAYTITLE:hover}}16 = jQuery hover() 方法 = jQuery 事件方法 当鼠标指针悬停在上面时,改变 <p> 元素的背景颜色: <sample title="" desc="" lang="html" hererun="1"> $("p").hover(function(){ $("p").css("background-color","yellow"); },function(){ $("p").css("background-color","pink"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <titl…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event unload (创建页面,内容为“{{DISPLAYTITLE:unload}}15 = jQuery unload() 方法 = jQuery 事件方法 当离开页面时,显示提示消息: <sample title="" desc="" lang="html" hererun="1"> $(window).unload(function(){ alert("Goodbye!"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/2.0.0/jquery…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event blur (创建页面,内容为“{{DISPLAYTITLE:blur}}14 = jQuery blur() 方法 = jQuery 事件方法 添加函数到 blur 事件。当 <input> 字段失去焦点时发生 blur 事件: <sample title="" desc="" lang="html" hererun="1"> $("input").blur(function(){ alert("输入框失去了焦点"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src=…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event mouseleave (创建页面,内容为“{{DISPLAYTITLE:mouseleave}}13 = jQuery mouseleave() 方法 = jQuery 事件方法 当鼠标指针离开 <p> 元素时,设置背景色为灰色: <sample title="" desc="" lang="html" hererun="1"> $("p").mouseleave(function(){ $("p").css("background-color","gray"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event scroll (创建页面,内容为“{{DISPLAYTITLE:scroll}}12 = jQuery scroll() 方法 = jQuery 事件方法 对元素滚动的次数进行计数: <sample title="" desc="" lang="html" hererun="1"> $("div").scroll(function(){ $("span").text(x+=1); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event focus (创建页面,内容为“{{DISPLAYTITLE:focus}}11 = jQuery focus() 方法 = jQuery 事件方法 添加函数到 focus 事件。当 <input> 字段获得焦点时发生 focus 事件: <sample title="" desc="" lang="html" hererun="1"> $("input").focus(function(){ $("span").css("display","inline").fadeOut(2000); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</t…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event keyup (创建页面,内容为“{{DISPLAYTITLE:keyup}}10 = jQuery keyup() 方法 = jQuery 事件方法 当键盘键被松开时,设置 <input> 字段的背景颜色: <sample title="" desc="" lang="html" hererun="1"> $("input").keyup(function(){ $("input").css("background-color","pink"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https:…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event mouseenter (创建页面,内容为“{{DISPLAYTITLE:mouseenter}}9 = jQuery mouseenter() 方法 = jQuery 事件方法 当鼠标指针进入 <p> 元素时,设置背景色为黄色: <sample title="" desc="" lang="html" hererun="1"> $("p").mouseenter(function(){ $("p").css("background-color","yellow"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src=…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event resize (创建页面,内容为“{{DISPLAYTITLE:resize}}8 = jQuery resize() 方法 = jQuery 事件方法 对浏览器窗口调整大小进行计数: <sample title="" desc="" lang="html" hererun="1"> $(window).resize(function(){ $('span').text(x+=1); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.j…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event change (创建页面,内容为“{{DISPLAYTITLE:change}}7 = jQuery change() 方法 = jQuery 事件方法 当 <input> 字段改变时警报文本: <sample title="" desc="" lang="html" hererun="1"> $("input").change(function(){ alert("文本已被修改"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event keydown (创建页面,内容为“{{DISPLAYTITLE:keydown}}6 = jQuery keydown() 方法 = jQuery 事件方法 当键盘键被按下时,设置 <input> 字段的背景颜色: <sample title="" desc="" lang="html" hererun="1"> $("input").keydown(function(){ $("input").css("background-color","yellow"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src=…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event dblclick (创建页面,内容为“{{DISPLAYTITLE:dblclick}}5 = jQuery dblclick() 事件 = jQuery 事件方法 双击 <p> 元素时警报文本: <sample title="" desc="" lang="html" hererun="1"> $("p").dblclick(function(){ alert("这个段落被双击。"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event load (创建页面,内容为“{{DISPLAYTITLE:load}}4 = jQuery load() 方法 = jQuery 事件方法 当图像全部加载时警报文本: <sample title="" desc="" lang="html" hererun="1"> $("img").load(function(){ alert("图片已载入"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event submit (创建页面,内容为“{{DISPLAYTITLE:submit}}3 = jQuery submit() 方法 = jQuery 事件方法 当提交表单时,显示警告框: <sample title="" desc="" lang="html" hererun="1"> $("form").submit(function(){ alert("提交"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event keypress (创建页面,内容为“{{DISPLAYTITLE:keypress}}2 = jQuery keypress() 方法 = jQuery 事件方法 计算在 <input> 字段内的按键次数: <sample title="" desc="" lang="html" hererun="1"> $("input").keypress(function(){ $("span").text(i+=1); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面Event click (创建页面,内容为“{{DISPLAYTITLE:click}}1 = jQuery click() 方法 = jQuery 事件方法 单击 <p> 元素时警报文本: <sample title="" desc="" lang="html" hererun="1"> $("p").click(function(){ alert("段落被点击了。"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jqu…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面JQuery 事件 (创建页面,内容为“{{DISPLAYTITLE:jQuery 事件}}6 = jQuery 事件 = jQuery 是为事件处理特别设计的。 == 什么是事件? == 页面对不同访问者的响应叫做事件。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。 实例: * 在元素上移动鼠标。 * 选取单选按钮 * 点击元素 在事件中经常使用术语"触发"(或"激发")例如: "当您按下…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面JQuery 选择器 (创建页面,内容为“{{DISPLAYTITLE:jQuery 选择器}}5 = jQuery 选择器 = jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 == jQuery 选择器 == jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面JQuery 语法 (创建页面,内容为“{{DISPLAYTITLE:jQuery 语法}}4 = jQuery 语法 = 通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)。 == jQuery 语法 == jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。 基础语法: '''$(selector).action()''' * 美元符号定义 jQuery * 选择符(selector)"查询"和"查找" HTML 元素 * jQuery…”)
  • 2022年8月19日 (五) 11:35 Neo 讨论 贡献创建了页面JQuery 安装 (创建页面,内容为“{{DISPLAYTITLE:jQuery 安装}}3 = jQuery 安装 = == 网页中添加 jQuery == 可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法: * 从 [http://jquery.com/download/ jquery.com] 下载 jQuery 库 * 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery == 下载 jQuery == 有两个版本的 jQuery 可供下载: * Production version - 用于实际的网站中,已被精简和压缩。 * Develo…”)
  • 2022年8月19日 (五) 11:34 Neo 讨论 贡献创建了页面JQuery 简介 (创建页面,内容为“{{DISPLAYTITLE:jQuery 简介}}2 = jQuery 简介 = jQuery 库可以通过一行简单的标记被添加到网页中。 == 您需要具备的基础知识 == 在您开始学习 jQuery 之前,您应该对以下知识有基本的了解: * HTML * CSS * JavaScript 如果您需要首先学习这些科目,请在我们的 [https://www.xiaobai.wang/ 首页] 查找这些教程。 == 什么是 jQuery ? == jQuery 是一个 JavaScript…”)
  • 2022年8月19日 (五) 11:34 Neo 讨论 贡献创建了页面JQuery 教程 (创建页面,内容为“{{DISPLAYTITLE:jQuery 教程}}1 = jQuery 教程 = jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。 == 本章节的每一篇都包含了在线实例 == 通过本站的在线编辑器,你可以在线运行修改后的代码,并查看运行结果。 <sample title="" desc="" lang="html" hererun="1"> $(document).ready(function(){ $("p").click(function(){ $(this).hid…”)
  • 2022年8月19日 (五) 11:22 Neo 讨论 贡献创建了页面JavaScript 异步编程 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 异步编程}}84 = JavaScript 异步编程 = === 异步的概念 === 异步(Asynchronous, async)是与同步(Synchronous, sync)相对的概念。 在我们学习的传统单线程编程中,程序的运行是同步的(同步不意味着所有步骤同时运行,而是指步骤在一个控制流序列中按顺序执行)。而异步的概念则是不保证同步的概念,也就是说,…”)
  • 2022年8月19日 (五) 11:22 Neo 讨论 贡献创建了页面Met doc writeln (创建页面,内容为“{{DISPLAYTITLE:document.writeln()}}45 = HTML DOM writeln() 方法 = Document 对象 == 定义和用法 == writeln() 方法与 write() 方法作用相同,外加可在每个表达式后写一个换行符。 == 语法 == <pre> document.writeln(exp1,exp2,exp3,...)</pre> {| class="table table-striped table-hover" ! 参数 ! 描述 |- | exp1,exp2,exp3,... | 可选.要写入的输出流。它们将按顺序被…”)
  • 2022年8月19日 (五) 11:22 Neo 讨论 贡献创建了页面Met doc write (创建页面,内容为“{{DISPLAYTITLE:document.write()}}44 = HTML DOM write() 方法 = Document 对象 == 定义和用法 == write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。 == 语法 == <pre> document.write(exp1,exp2,exp3,...)</pre> {| class="table table-striped table-hover" ! 参数 ! 描述 |- | exp1,exp2,exp3,... | 可选。要写入的输出流。多个参数可以列出,他们将按出现的顺序…”)
  • 2022年8月19日 (五) 11:22 Neo 讨论 贡献创建了页面Prop doc url (创建页面,内容为“{{DISPLAYTITLE:document.URL}}43 = HTML DOM URL 属性 = Document 对象 == 定义和用法 == URL 属性可返回当前文档的 URL。 == 语法 == <pre> document.URL</pre> == 浏览器支持 == 所有主要浏览器都支持 URL 属性 返回当前文档的完整URL: <sample title="" desc="" lang="html" hererun="1"> <html> <body> 文档的完整的URL: <script> document.write(document.URL); </s…”)
  • 2022年8月19日 (五) 11:22 Neo 讨论 贡献创建了页面Prop doc title (创建页面,内容为“{{DISPLAYTITLE:document.title}}42 = HTML DOM title 属性 = Document 对象 == 定义和用法 == title 属性可返回当前文档的标题( HTML title 元素中的文本)。 == 语法 == <pre> document.title</pre> == 浏览器支持 == 所有主要浏览器都支持 title 属性 返回当前文档的标题: <sample title="" desc="" lang="html" hererun="1"> <html> <head> <title>My title</title>…”)
  • 2022年8月19日 (五) 11:22 Neo 讨论 贡献创建了页面Prop document stricterrorchecking (创建页面,内容为“{{DISPLAYTITLE:document.strictErrorChecking}}41 = HTML DOM strictErrorChecking 属性 = Document 对象 == 定义和用法 == strictErrorChecking 属性可设置或返回是否强制进行错误检查(error-checking)。 在设置为 false 后,实现不会对每个可能的错误情况进行测试。此属性被默认设置为 true。 默认值为 true. == 浏览器支持 == 目前所有主流浏览…”)
  • 2022年8月19日 (五) 11:22 Neo 讨论 贡献创建了页面Coll doc scripts (创建页面,内容为“{{DISPLAYTITLE:document.scripts}}40 = HTML DOM scripts 集合 = Document 对象 查看文档中有多少个 <script> 元素: <sample title="" desc="" lang="html" hererun="1"> var x = document.scripts.length; </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <script> document.write("Hello xiaoBai!"); </script> <p>点…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Met document renamenode (创建页面,内容为“{{DISPLAYTITLE:document.renameNode()}}39 = HTML DOM renameNode() 方法 = Document 对象 重新命名 p 元素: <sample title="" desc="" lang="html" hererun="1"> var p=document.getElementsByTagName("P")[0]; document.renameNode(p,null,"h1"); </sample> == 定义和用法 == renameNode() 方法重命名已有的元素节点或属性节点。 == 浏览器支持 == 目前没有主流浏览器支持 renameNo…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Met document removeeventlistener (创建页面,内容为“{{DISPLAYTITLE:document.removeEventListener()}}38 = HTML DOM removeEventListener() 方法 = Document 对象 移除由 addEventListener() 方法添加的 "mousemove" 事件: <sample title="" desc="" lang="html" hererun="1"> // 在文档中添加事件句柄 document.addEventListener("mousemove", myFunction); // 移除文档中的事件句柄 document.removeEventListener("mousemove",…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Prop doc referrer (创建页面,内容为“{{DISPLAYTITLE:document.referrer}}37 = HTML DOM referrer 属性 = Document 对象 == 定义和用法 == referrer 属性返回载入当前文档的来源文档的URL。 如果当前文档不是通过超级链接访问的,则为 null。这个属性允许客户端 JavaScript 访问 HTTP 引用头部。 == 语法 == <pre> document.referrer</pre> == 浏览器支持 == 所有主要浏览器都支持 referrer…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Prop doc readystate (创建页面,内容为“{{DISPLAYTITLE:document.readyState}}36 = HTML DOM readyState 属性 = Document 对象 == 定义和用法 == readyState 属性返回当前文档的状态(载入中……)。 该属性返回以下值: * uninitialized - 还未开始载入 * loading - 载入中 * interactive - 已加载,文档与用户可以开始交互 * complete - 载入完成 == 语法 == <pre> document.readyState</pre> == 浏览器…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Met document queryselectorall (创建页面,内容为“{{DISPLAYTITLE:document.querySelectorAll()}}35 = HTML DOM querySelectorAll() 方法 = Document 对象 获取文档中 class="example" 的所有元素: <sample title="" desc="" lang="html" hererun="1"> var x = document.querySelectorAll(".example"); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <h2 class="exampl…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Met document queryselector (创建页面,内容为“{{DISPLAYTITLE:document.querySelector()}}34 = HTML DOM querySelector() 方法 = Document 对象 获取文档中 id="demo" 的元素: <sample title="" desc="" lang="html" hererun="1"> document.querySelector("#demo"); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <p id="demo">id="demo" 的 p 元素</p> <p…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Met doc open (创建页面,内容为“{{DISPLAYTITLE:document.open()}}33 = HTML DOM open() 方法 = Document 对象 == 定义和用法 == open() 方法打开一个输出流来收集 document.write()document.writeln() 方法输出的内容。 调用 open() 方法打开一个新文档并且用 write() 方法设置文档内容后,必须记住用 document.close() 方法关闭文档,…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Met document normalizedocument (创建页面,内容为“{{DISPLAYTITLE:document.normalizeDocument()}}32 = HTML DOM normalizeDocument() 方法 = Document 对象 规范一个实体文档: <sample title="" desc="" lang="html" hererun="1"> document.normalizeDocument(); </sample> == 定义和用法 == normalizeDocument() 方法可以移除空文本节点 , 并合并相邻节点。 目前没有主流浏览器支持 normalizeDocument() 方法, 但是可以使用…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Met document normalize (创建页面,内容为“{{DISPLAYTITLE:document.normalize()}}31 = HTML DOM normalize() 方法 = Document 对象 规范一个文档: <sample title="" desc="" lang="html" hererun="1"> document.normalize(); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <p id="demo">点击一个按钮来添加文本,点击另一个按钮规范化文档</p> <…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Coll doc links (创建页面,内容为“{{DISPLAYTITLE:document.links}}30 = HTML DOM links 集合 = Document 对象 == 定义和用法 == links 集合返回当前文档所有链接的数组。 '''提示:''' links 集合计算 <a href=""> 标签和 <area> 标签。 == 语法 == <pre> document.links[].property </pre> == 浏览器支持 == 所有主要浏览器都支持 links 集合 == 实例 1 == 返回文档的链接…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Prop doc lastmodified (创建页面,内容为“{{DISPLAYTITLE:document.lastModified}}29 = HTML DOM lastModified 属性 = Document 对象 == 定义和用法 == lastModified 属性可返回文档最后被修改的日期和时间。 == 语法 == <pre> document.lastModified</pre> == 浏览器支持 == 是有主流浏览器都支持 lastModified 属性。 返回文档最后修改的日期和时间: <sample title="" desc="" lang="html" hererun="1"> <htm…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Prop document inputencoding (创建页面,内容为“{{DISPLAYTITLE:document.inputEncoding}}28 = HTML DOM inputEncoding 属性 = Document 对象 显示当前文档的字符编码: <sample title="" desc="" lang="html" hererun="1"> document.inputEncoding; </sample> 输出结果: <sample title="" desc="" lang="html" hererun="1"> UTF-8 </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</titl…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Met document importnode (创建页面,内容为“{{DISPLAYTITLE:document.importNode()}}27 = HTML DOM importNode() 方法 = Document 对象 返回iframe中第一个 H1 元素: <sample title="" desc="" lang="html" hererun="1"> var frame=document.getElementsByTagName("iframe")[0] var h=frame.contentWindow.document.getElementsByTagName("h1")[0]; var x=document.importNode(h,true); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Prop document implementation (创建页面,内容为“{{DISPLAYTITLE:document.implementation}}26 = HTML DOM implementation 属性 = Document 对象 返回处理该文档的 DOMImplementation 对象: <sample title="" desc="" lang="html" hererun="1"> document.implementation; </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <p id="demo">单击按钮来检查这个文件是否…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Coll doc images (创建页面,内容为“{{DISPLAYTITLE:document.images}}25 = HTML DOM images 集合 = Document 对象 == 定义和用法 == images 集合返回当前文档中所有图片的数组。 == 语法 == <pre> document.images[].property </pre> == 浏览器支持 == 所有主要浏览器都支持 images 集合 == 实例 1 == 返回文档的图片数: <sample title="" desc="" lang="html" hererun="1"> <html> <body> <img border="0" s…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Met document getelementsbytagname (创建页面,内容为“{{DISPLAYTITLE:document.getElementsByTagName()}}24 = HTML DOM getElementsByTagName() 方法 = Document 对象 返回带有指定标签名的对象的集合: <sample title="" desc="" lang="html" hererun="1"> document.getElementsByTagName("P"); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <p id="demo">单击按钮…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Met doc getelementsbyname (创建页面,内容为“{{DISPLAYTITLE:document.getElementsByName()}}23 = HTML DOM getElementsByName() 方法 = Document 对象 == 定义和用法 == getElementsByName() 方法可返回带有指定名称的对象的集合。 == 语法 == <pre> document.getElementsByName(name)</pre> {| class="table table-striped table-hover" ! 参数 ! 描述 |- | name | 必须。元素的名称。 |} == 浏览器支持 == 所有主要浏览器…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Met document getelementbyid (创建页面,内容为“{{DISPLAYTITLE:document.getElementById()}}22 = HTML DOM getElementById() 方法 = Document 对象 返回指定 ID 的元素: <sample title="" desc="" lang="html" hererun="1"> document.getElementById("demo"); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <p id="demo">单击按钮来改变这一段中的文本。</p> <b…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Met document getelementsbyclassname (创建页面,内容为“{{DISPLAYTITLE:document.getElementsByClassName()}}21 = HTML DOM getElementsByClassName() 方法 = Document 对象 获取所有指定类名的元素: <sample title="" desc="" lang="html" hererun="1"> var x = document.getElementsByClassName("example"); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <div class="e…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Coll doc forms (创建页面,内容为“{{DISPLAYTITLE:document.forms}}20 = HTML DOM forms 集合 = Document 对象 == 定义和用法 == forms 集合返回当前页面所有表单的数组集合。 == 语法 == <pre> document.forms[].property </pre> == 浏览器支持 == 所有主要浏览器都支持 forms 集合 == 实例 1 == 返回文档中表单数量: <sample title="" desc="" lang="html" hererun="1"> <html> <body> <form name="Form…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Coll doc embeds (创建页面,内容为“{{DISPLAYTITLE:document.embeds}}19 = HTML DOM embeds 属性 = Document 对象 计算文档中有多少个 <embed> 元素: <sample title="" desc="" lang="html" hererun="1"> var x = document.embeds.length; </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <embed src="helloworld.swf"> <embed src="helloworld.swf"> <p>…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Prop doc domain (创建页面,内容为“{{DISPLAYTITLE:document.domain}}18 = HTML domain 属性 = Document 对象 == 定义和用法 == domain 属性可返回下载当前文档的服务器域: == 语法 == <pre> document.domain</pre> == 浏览器支持 == 所有主要浏览器都支持 domain 属性 返回下载当前文档的服务器域名: <sample title="" desc="" lang="html" hererun="1"> <html> <body> 加载这个文件的域名: <…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Prop document documenturi (创建页面,内容为“{{DISPLAYTITLE:document.documentURI}}17 = HTML DOM documentURI 属性 = Document 对象 获取文档本地URI: <sample title="" desc="" lang="html" hererun="1"> document.documentURI; </sample> 输出结果: <sample title="" desc="" lang="html" hererun="1"> http://www.w3cschool.cc/jsref/prop-document-documenturi.html </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tit…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Prop doc documentmode (创建页面,内容为“{{DISPLAYTITLE:document.documentMode}}16 = HTML DOM documentMode 属性 = Document 对象 == 定义和用法 == documentMode 属性返回浏览器渲染文档的模式。 IE8 使用不同方式渲染页面,基于 !DOCTYPE 或者某些存在的HTML元素。 这些元素返回值如下: * 5 - 页面在 IE5 模式下展示 * 7 - 页面在 IE7 模式下展示 * 8 - 页面在 IE8 模式下展示 * 9 - 页面…”)
  • 2022年8月19日 (五) 11:21 Neo 讨论 贡献创建了页面Prop document documentelement (创建页面,内容为“{{DISPLAYTITLE:document.documentElement}}15 = HTML DOM documentElement 属性 = Document 对象 返回文档的 documentElement: <sample title="" desc="" lang="html" hererun="1"> document.documentElement; </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <p id="demo">单击按钮显示文档的节点名称</p> <button on…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面Prop document doctype (创建页面,内容为“{{DISPLAYTITLE:document.doctype}}14 = HTML DOM doctype 属性 = Document 对象 返回 HTML 文档的文档类型对象: <sample title="" desc="" lang="html" hererun="1"> document.doctype; </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <p id="demo">单击按钮来显示文档类型名称。</p> <button onclick="myFunc…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面Met document createtextnode (创建页面,内容为“{{DISPLAYTITLE:document.createTextNode()}}13 = HTML DOM createTextNode() 方法 = Document 对象 创建一个文本节点: <sample title="" desc="" lang="html" hererun="1"> var btn=document.createTextNode("Hello World"); </sample> 输出结果: <sample title="" desc="" lang="html" hererun="1"> Hello World </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面Met document createelement (创建页面,内容为“{{DISPLAYTITLE:document.createElement()}}12 = HTML DOM createElement() 方法 = Document 对象 创建一个按钮: <sample title="" desc="" lang="html" hererun="1"> var btn=document.createElement("BUTTON"); </sample> 输出结果: <sample title="" desc="" lang="html" hererun="1"> </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title>…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面Met document createdocumentfragment (创建页面,内容为“{{DISPLAYTITLE:document.createDocumentFragment()}}11 = HTML DOM createDocumentFragment() 方法 = Document 对象 创建一个 documentFragment 节点: <sample title="" desc="" lang="html" hererun="1"> var d=document.createDocumentFragment(); d.appendChild(document.getElementsByTagName("LI")[0]); d.childNodes[0].childNodes[0].nodeValue="Milk"; document.getElementsByTagName("UL")[0].appendC…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面Met document createcomment (创建页面,内容为“{{DISPLAYTITLE:document.createComment()}}10 = HTML DOM createComment() 方法 = Document 对象 可创建注释节点, 并插入HTML文档: <sample title="" desc="" lang="html" hererun="1"> var c=document.createComment("My personal comments"); document.body.appendChild(c); </sample> 输出结果: <sample title="" desc="" lang="html" hererun="1"> <!--My personal comments--> </sample> <run name=""…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面Met document createattribute (创建页面,内容为“{{DISPLAYTITLE:document.createAttribute()}}9 = HTML DOM createAttribute() 方法 = Document 对象 创建 class 属性, 属性值为 "democlass", 并将clas属性添加到 H1 元素中: <sample title="" desc="" lang="html" hererun="1"> var att=document.createAttribute("class"); att.value="democlass"; document.getElementsByTagName("H1")[0].setAttributeNode(att); </sample> 元素添加…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面Prop doc cookie (创建页面,内容为“{{DISPLAYTITLE:document.cookie}}8 = HTML DOM cookie 属性 = Document 对象 == 定义和用法 == cookie 属性返回当前文档所有 '''键/值''' 对的所有 cookies。 == 语法 == <pre> document.cookie</pre> == 浏览器支持 == 所有主要浏览器都支持 cookie 属性 与当前文档相关的所有 cookies: <sample title="" desc="" lang="html" hererun="1"> <html> <body> 与此文档相…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面Met doc close (创建页面,内容为“{{DISPLAYTITLE:document.close()}}7 = HTML DOM close() 方法 = Document 对象 == 定义和用法 == '''close()''' 方法用于关闭一个由 '''document.open''' 方法打开的输出流,并显示选定的数据。 == 语法 == <pre> document.close()</pre> == 浏览器支持 == 所有主要浏览器都支持 close() 方法 == 实例 1 == 打开一个输出流,添加一些文本,然后关闭输出…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面Prop doc body (创建页面,内容为“{{DISPLAYTITLE:document.body}}6 = HTML DOM body 属性 = Document 对象 修改当前文档的背景颜色: <sample title="" desc="" lang="html" hererun="1"> document.body.style.backgroundColor = "yellow"; </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <p>点击按钮修改当前文档的背景颜色。</p> <button on…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面Prop doc baseuri (创建页面,内容为“{{DISPLAYTITLE:document.baseURI}}5 = HTML DOM baseURI 属性 = Document 对象 获取文档的基础URI: <sample title="" desc="" lang="html" hererun="1"> document.baseURI; </sample> 输出结果: <sample title="" desc="" lang="html" hererun="1"> http://www.xiaobai.wang/jsref/prop-doc-baseuri.html </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wan…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面Coll doc anchors (创建页面,内容为“{{DISPLAYTITLE:document.anchors}}4 = HTML DOM anchors 集合 = Document 对象 == 定义和用法 == anchors集合返回了当前页面的所有超级链接数组 。 == 语法 == <pre> document.anchors[].property </pre> == 浏览器支持 == 所有主要浏览器都支持 anchors 集合 == 实例 1 == 返回文档的链接数: <sample title="" desc="" lang="html" hererun="1"> <!DOCTYPE html> <html>…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面Met document adoptnode (创建页面,内容为“{{DISPLAYTITLE:document.adoptNode(node)}}3 = HTML DOM adoptNode() 方法 = Document 对象 获取 iframe 中的第一个 H1 元素的,并将其插入到当期文档中: <sample title="" desc="" lang="html" hererun="1"> var frame = document.getElementsByTagName("IFRAME")[0] var h = frame.contentWindow.document.getElementsByTagName("H1")[0]; var x = document.adoptNode(h); </sample> <run name=""> <!DOCTYPE…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面Met document addeventlistener (创建页面,内容为“{{DISPLAYTITLE:document.addEventListener()}}2 = HTML DOM addEventListener() 方法 = Document 对象 在文档中添加点击事件。当用户在文档任何地方点击时,在 id="demo" 的 <p> 元素上输出 "Hello World": <sample title="" desc="" lang="html" hererun="1"> document.addEventListener("click", function(){ document.getElementById("demo").innerHTML = "Hello Wo…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面Prop document activeelement (创建页面,内容为“{{DISPLAYTITLE:document.activeElement}}1 = HTML DOM activeElement 属性 = Document 对象 当前获得焦点的元素: <sample title="" desc="" lang="html" hererun="1"> var x = document.activeElement.tagName; </sample> x 输出结果为: <sample title="" desc="" lang="html" hererun="1"> BUTTON </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面JavaScript 总结 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 总结}}81 = 现在您已经学习了 JavaScript, 接下来该学习什么呢? = == JavaScript 总结 == 本教程中我们向您讲授了如何向 html 页面添加 JavaScript,使得网站的动态性和交互性更强。 你已经学习了如何创建对事件的响应,验证表单,以及如何根据不同的情况运行不同的脚本。 你也学到了如何创建和使用对象,以及…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面JavaScript HTML DOM 实例 (创建页面,内容为“{{DISPLAYTITLE:JavaScript HTML DOM 实例}}80 = JavaScript 对象 实例 = 使用内置 JavaScript 的对象实例。 == Document 对象 == * 使用 document.write() 输出文本 * 使用 document.write() 输出 HTML * 返回文档中锚的数目 * try.php?filename=tryjsref_doc_anchors2|返回文档中第一个锚…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面JavaScript 浏览器对象实例 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 浏览器对象实例}}79 = JavaScript Browser 对象 实例 = 使用JavaScript来访问和控制浏览器对象实例。 == Window 对象 == * 弹出一个警告框 * 弹出一个带折行的警告框 * 弹出一个确认框,并提醒访客点击的内容 * try.php?filename=tryjs_prompt|弹出一…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面JavaScript 对象实例 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 对象实例}}78 = JavaScript 对象 实例 = 使用内置的JavaScript对象实例。 == String(字符串)对象 == * 返回字符串的长度 * 为字符串添加样式 * 返回字符串中指定文本首次出现的位置 - indexOf()方法 * try.php?filename=tryjsref_match|…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面JavaScript 实例 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 实例}}77 == 基础 JavaScript 实例 == * 用JavaScript输出文本 * 用JavaScript改变HTML元素 * 一个外部JavaScript * '''实例解析''' == JavaScript 语句、注释和代码块 == * JavaScript 语句 * try.php?filename=tryjs_blocks|…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面JavaScript 测试 Prototype (创建页面,内容为“{{DISPLAYTITLE:JavaScript 测试 Prototype}}76 = JavaScript - 测试 Prototype = 测试 JavaScript 框架库 - Prototype == 引用 Prototype == 如需测试 JavaScript 库,您需要在网页中引用它。 为了引用某个库,请使用 <script> 标签,其 src 属性设置为库的 URL: == 引用 Prototype == <sample title="" desc="" lang="html" hererun="1"> <!DOCTYPE html> <html> <head> <script src="https://c…”)
  • 2022年8月19日 (五) 11:20 Neo 讨论 贡献创建了页面JavaScript 测试 jQuery (创建页面,内容为“{{DISPLAYTITLE:JavaScript 测试 jQuery}}75 = JavaScript - 测试 jQuery = 测试 JavaScript 框架库 - jQuery == 引用 jQuery == 如需测试 JavaScript 库,您需要在网页中引用它。 为了引用某个库,请使用 <script> 标签,其 src 属性设置为库的 URL: == 引用 jQuery == <sample title="" desc="" lang="html" hererun="1"> <!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.o…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript 库 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 库}}74 = JavaScript 库 = JavaScript 库 - jQuery、Prototype、MooTools。 == JavaScript 框架(库) == JavaScript 高级程序设计(特别是对浏览器差异的复杂处理),通常很困难也很耗时。 为了应对这些调整,许多的 '''JavaScript (helper)''' 库应运而生。 这些 JavaScript 库常被称为 '''JavaScript 框架'''。 在本教程中,我们将了解到…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript Cookie (创建页面,内容为“{{DISPLAYTITLE:JavaScript Cookie}}73 = JavaScript Cookie = Cookie 用于存储 web 页面的用户信息。 == 什么是 Cookie? == Cookie 是一些数据, 存储于你电脑上的文本文件中。 当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。 Cookie 的作用就是用于解决 "如何记录客户端的用户信息": * 当用户访问 web 页面…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript 计时事件 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 计时事件}}72 = JavaScript 计时事件 = {| class="table table-striped table-hover" |width="50%"| 1 2 3 4 5 6 7 8 9 10 11 12 |width="50%"| JavaScript 一个设定的时间间隔之后来执行代码 我们称之为计时事件 |} == JavaScript 计时事件 == 通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript 弹窗 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 弹窗}}71 = JavaScript 弹窗 = 可以在 JavaScript 中创建三种消息框:警告框、确认框、提示框。 == 警告框 == 警告框经常用于确保用户可以得到某些信息。 当警告框出现后,用户需要点击确定按钮才能继续进行操作。 === '''语法''' === <pre> window.alert("sometext");</pre> '''window.alert()''' 方法可以不带上window对…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript Window Navigator (创建页面,内容为“{{DISPLAYTITLE:JavaScript Navigator}}70 = JavaScript Window Navigator = window.navigator 对象包含有关访问者浏览器的信息。 == Window Navigator == '''window.navigator''' 对象在编写时可不使用 window 这个前缀。 <sample title="" desc="" lang="html" hererun="1"> <script> txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>"; txt+= "<p>浏览器名称: " + navigator.appName + "</p>"; txt+= "<p>…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript Window History (创建页面,内容为“{{DISPLAYTITLE:JavaScript Window History}}69 = JavaScript Window History = window.history 对象包含浏览器的历史。 == Window History == '''window.history'''对象在编写时可不使用 window 这个前缀。 为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。 一些方法: * history.back() - 与在浏览器点击后退按钮相同 * history.forward() - 与在浏览器中点击向…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript Window Location (创建页面,内容为“{{DISPLAYTITLE:JavaScript Window Location}}68 = JavaScript Window Location = window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。 == Window Location == '''window.location''' 对象在编写时可不使用 window 这个前缀。 一些例子: 一些实例: * location.hostname 返回 web 主机的域名 * location.pathname 返回当前页面的路径和文件名 * location…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript Window Screen (创建页面,内容为“{{DISPLAYTITLE:JavaScript Window Screen}}67 = JavaScript Window Screen = window.screen 对象包含有关用户屏幕的信息。 == Window Screen == '''window.screen'''对象在编写时可以不使用 window 这个前缀。 一些属性: * screen.availWidth - 可用的屏幕宽度 * screen.availHeight - 可用的屏幕高度 == Window Screen 可用宽度 == screen.availWidth 属性返回访问者屏幕的宽度,以像…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript Window (创建页面,内容为“{{DISPLAYTITLE:JavaScript Window}}66 = JavaScript Window - 浏览器对象模型 = 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话"。 == 浏览器对象模型 (BOM) == 浏览器对象模型('''B'''rowser '''O'''bject '''M'''odel (BOM))尚无正式标准。 由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript RegExp 对象 (创建页面,内容为“{{DISPLAYTITLE:JavaScript RegExp 对象}}65 = JavaScript RegExp 对象 = RegExp:是正则表达式(regular expression)的简写。 == 完整 RegExp 对象参考手册 == 请查看我们的 JavaScript RegExp 对象的参考手册,其中提供了可以与字符串对象一同使用的所有的属性和方法。 这个手册包含的关于每个属性和方法的用法的详细描述和实例。 ==…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript Math(算数)对象 (创建页面,内容为“{{DISPLAYTITLE:JavaScript Math(算数)}}64 = JavaScript Math(算数) 对象 = Math(算数)对象的作用是:执行常见的算数任务。 == 在线实例 == round() 如何使用 round()。 random() 如何使用 random() 来返回 0 到 1 之间的随机数。 max() 如何使用 max() 来返回两个给定…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript Boolean(布尔)对象 (创建页面,内容为“{{DISPLAYTITLE:JavaScript Boolean(布尔)}}63 = JavaScript Boolean(布尔) 对象 = Boolean(布尔)对象用于将非布尔值转换为布尔值(true 或者 false)。 == 在线实例 == 检查布尔值 检查布尔对象是 true 还是 false。 == 完整的 Boolean(布尔) 对象参考手册 == 我们提供 JavaScript Boolean 对象参考手册,其…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript Array(数组)对象 (创建页面,内容为“{{DISPLAYTITLE:JavaScript Array(数组)}}62 = JavaScript Array(数组) 对象 = 数组对象的作用是:使用单独的变量名来存储一系列的值。 == 在线实例 == 创建数组, 为其赋值: <sample title="" desc="" lang="html" hererun="1"> var mycars = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW"; </sample> <run name=""> <!DOCTYPE html> <html> <head> <met…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript Date(日期)对象 (创建页面,内容为“{{DISPLAYTITLE:JavaScript Date(日期)}}61 = JavaScript Date(日期) 对象 = 日期对象用于处理日期和时间。 == 在线实例 == Date() 如何使用 Date() 方法获得当日的日期。 getFullYear() 使用 getFullYear() 获取年份。 getTime() getTime() 返回从 1970 年 1 月 1 日至今…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript 字符串(String)对象 (创建页面,内容为“{{DISPLAYTITLE:JavaScript String}}60 = JavaScript 字符串(String) 对象 = String 对象用于处理已有的字符块。 == JavaScript 字符串 == 一个字符串用于存储一系列字符就像 "John Doe". 一个字符串可以使用单引号或双引号: <sample title="" desc="" lang="html" hererun="1"> var carname="Volvo XC60"; var carname='Volvo XC60'; </sample> 你使用位置(索引)可以访…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面Jsref parseint (创建页面,内容为“{{DISPLAYTITLE:parseInt()}}2 = JavaScript parseInt() 函数 = JavaScript 全局函数 == 定义和用法 == parseInt() 函数可解析一个字符串,并返回一个整数。 当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。 当忽略参数 radix , JavaScript 默认数字的基数如下: * 如果 string 以 "0x" 开头,parseInt()…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面Jsref parsefloat (创建页面,内容为“{{DISPLAYTITLE:parseFloat()}}1 = JavaScript parseFloat() 函数 = JavaScript 全局函数 == 定义和用法 == parseFloat() 函数可解析一个字符串,并返回一个浮点数。 该函数指定字符串中的首个字符是否是数字。如果是,则对字符串进行解析,直到到达数字的末端为止,然后以数字返回该数字,而不是作为字符串。 == 语法 == <pre> parseFl…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript Number 对象 (创建页面,内容为“{{DISPLAYTITLE:JavaScript Number 对象}}59 = JavaScript Number 对象 = JavaScript 只有一种数字类型。 可以使用也可以不使用小数点来书写数字。 == JavaScript 数字 == JavaScript 数字可以使用也可以不使用小数点来书写: <sample title="" desc="" lang="html" hererun="1"> var pi=3.14; // 使用小数点 var x=34; // 不使用小数点 </sample> 极大或极小的数字可通…”)
  • 2022年8月19日 (五) 11:19 Neo 讨论 贡献创建了页面JavaScript prototype (创建页面,内容为“{{DISPLAYTITLE:JavaScript prototype}}58 = JavaScript prototype(原型对象) = 所有的 JavaScript 对象都会从一个 prototype(原型对象)中继承属性和方法。 在前面的章节中我们学会了如何使用对象的构造器(constructor): <sample title="" desc="" lang="html" hererun="1"> function Person(first, last, age, eyecolor) { this.firstName = first; this.lastName = last; this.age = age;…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面JavaScript HTML DOM 节点列表 (创建页面,内容为“{{DISPLAYTITLE:NodeList 对象}}56 = JavaScript HTML DOM 节点列表 = '''NodeList''' 对象是一个从文档中获取的节点列表 (集合) 。 NodeList 对象类似 HTMLCollection 对象。 一些旧版本浏览器中的方法(如:'''getElementsByClassName()''')返回的是 NodeList 对象,而不是 HTMLCollection 对象。 所有浏览器的 '''childNodes''' 属性返回的是 NodeList…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面JavaScript HTML DOM 集合(Collection) (创建页面,内容为“{{DISPLAYTITLE:HTMLCollection 对象}}55 = JavaScript HTML DOM 集合(Collection) = 本章节介绍 DOM 集合的使用。 == HTMLCollection 对象 == getElementsByTagName() 方法返回 [https://www.xiaobai.wang/jsref/dom-htmlcollection.html HTMLCollection] 对象。 HTMLCollection 对象类似包含 HTML 元素的一个数组。 以下代码获取文档所有的 <p> 元素: <sample title="" desc="" lang="html" here…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面JavaScript HTML DOM 元素 (节点) (创建页面,内容为“{{DISPLAYTITLE:DOM 元素}}54 = JavaScript HTML DOM 元素 (节点) = 本章节介绍如何向文档中添加和移除元素(节点)。 == 创建新的 HTML 元素 (节点) - appendChild() == 要创建新的 HTML 元素 (节点)需要先创建一个元素,然后在已存在的元素中添加它。 <sample title="" desc="" lang="html" hererun="1"> <div id="div1"> <p id="p1">这是一个段落。</p> <p id="p2">这是另外一…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面JavaScript HTML DOM 事件 (创建页面,内容为“{{DISPLAYTITLE:DOM 事件}}52 = JavaScript HTML DOM 事件 = HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应。 <sample title="" desc="" lang="html" hererun="1"> Mouse Over Me </sample> Click Me == 对事件做出反应 == 我们可以在事件发生时执行 JavaScript,比如当用户在 HTML 元素上点击时。 如需在用户点击某个元素时执行代码,请向一个 HTML 事件属性添加 Java…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面JavaScript HTML DOM 改变 CSS (创建页面,内容为“{{DISPLAYTITLE:DOM CSS}}51 = JavaScript HTML DOM - 改变CSS = HTML DOM 允许 JavaScript 改变 HTML 元素的样式。 == 改变 HTML 样式 == 如需改变 HTML 元素的样式,请使用这个语法: <pre> document.getElementById(id).style.property=新样式 </pre> 下面的例子会改变 <p> 元素的样式: <sample title="" desc="" lang="html" hererun="1"> <!DOCTYPE html> <html> <head> <meta charset="utf-8">…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面JavaScript HTML DOM 改变 HTML 内容 (创建页面,内容为“{{DISPLAYTITLE:DOM HTML}}50 = JavaScript HTML DOM - 改变 HTML = HTML DOM 允许 JavaScript 改变 HTML 元素的内容。 == 改变 HTML 输出流 == JavaScript 能够创建动态的 HTML 内容: '''今天的日期是:''' 在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。 <sample title="" desc="" lang="html" hererun="1"> <!DOCTYPE html> <html> <body> <script> document.write(Date(…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面JavaScript HTML DOM (创建页面,内容为“{{DISPLAYTITLE:DOM 简介}}49 = JavaScript HTML DOM = 通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 == HTML DOM (文档对象模型) == 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 '''HTML DOM''' 模型被构造为'''对象'''的树: == HTML DOM 树 == <sample title="" desc="" lang="html" hererun="1"> </sample> 通过可编程的对象模型,…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面JavaScript 静态方法 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 静态方法}}48 = JavaScript 静态方法 = 静态方法是使用 static 关键字修饰的方法,又叫类方法,属于类的,但不属于对象,在实例化对象之前可以通过 类名.方法名 调用静态方法。 静态方法不能在对象上调用,只能在类中调用。 <sample title="" desc="" lang="html" hererun="1"> class xiaoBai { constructor(name) { this.name = name;…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面JavaScript 类继承 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 类继承}}47 = JavaScript 类继承 = JavaScript 类继承使用 extends 关键字。 继承允许我们依据另一个类来定义一个类,这使得创建和维护一个应用程序变得更容易。 super() 方法用于调用父类的构造函数。 当创建一个类时,您不需要重新编写新的数据成员和成员函数,只需指定新建的类继承了一个已有的类的成员即…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面Jsref class super (创建页面,内容为“{{DISPLAYTITLE:super}}4 = JavaScript 类(class) super 关键字 = JavaScript 类(class) 以下实例创建的类 "xiaoBai",并使用 super 调用父类 "Site" 的构造方法 : <sample title="" desc="" lang="html" hererun="1"> class Site { constructor(name) { this.sitename = name; } present() { return '我喜欢' + this.sitename; } } class xiaoBai extends Site { construct…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面Jsref class static (创建页面,内容为“{{DISPLAYTITLE:static}}3 = JavaScript 类(class) static 关键字 = JavaScript 类(class) 以下实例创建的类 "xiaoBai",并创建静态方法 hello() : <sample title="" desc="" lang="html" hererun="1"> class xiaoBai { constructor(name) { this.name = name; } static hello() { return "Hello!!"; } } let noob = new xiaoBai("小白教程"); // 可以在类中调用 'hello()' 方法 d…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面Jsref class extends (创建页面,内容为“{{DISPLAYTITLE:extends}}2 = JavaScript 类(class) extends 关键字 = JavaScript 类(class) 以下实例创建的类 "xiaoBai" 继承了 "Site" 类: <sample title="" desc="" lang="html" hererun="1"> class Site { constructor(name) { this.sitename = name; } present() { return '我喜欢' + this.sitename; } } class xiaoBai extends Site { constructor(name, age) { super(name…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面Jsref constructor class (创建页面,内容为“{{DISPLAYTITLE:constructor()}}1 = JavaScript 类(class) constructor() 方法 = JavaScript 类(class) 创建了一个类,名为 "xiaoBai",并初始化该类: <sample title="" desc="" lang="html" hererun="1"> class xiaoBai { constructor(name, url) { this.name = name; this.url = url; } } let site = new xiaoBai("小白教程", "https://www.xiaobai.wang"); </sample> <run name="…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面JavaScript 类 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 类}}46 = JavaScript 类(class) = '''类是用于创建对象的模板。''' 我们使用 class 关键字来创建一个类,类体在一对大括号 {} 中,我们可以在大括号 {} 中定义类成员的位置,如方法或构造函数。 每个类中包含了一个特殊的方法 constructor(),它是类的构造函数,这种方法用于创建和初始化一个由 '''class''' 创建的对象…”)
  • 2022年8月19日 (五) 11:18 Neo 讨论 贡献创建了页面JavaScript 闭包 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 闭包}}45 = JavaScript 闭包 = JavaScript 变量可以是局部变量或全局变量。 私有变量可以用到闭包。 == 全局变量 == 函数可以访问由函数内部定义的变量,如: <sample title="" desc="" lang="html" hererun="1"> function myFunction() { var a = 4; return a * a; } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白…”)
  • 2022年8月19日 (五) 11:17 Neo 讨论 贡献创建了页面JavaScript 函数调用 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 函数调用}}44 = JavaScript 函数调用 = JavaScript 函数有 4 种调用方式。 每种方式的不同在于 '''this''' 的初始化。 == '''this''' 关键字 == 一般而言,在Javascript中,this指向函数执行时的当前对象。 <blockquote>注意 '''this''' 是保留关键字,你不能修改 '''this''' 的值。</blockquote> == 调用 JavaScript 函数 == 在之前的章节中…”)
  • 2022年8月19日 (五) 11:17 Neo 讨论 贡献创建了页面JavaScript 函数参数 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 函数参数}}43 = JavaScript 函数参数 = JavaScript 函数对参数的值没有进行任何的检查。 == 函数显式参数(Parameters)与隐式参数(Arguments) == 在先前的教程中,我们已经学习了函数的显式参数: <sample title="" desc="" lang="html" hererun="1"> functionName(parameter1, parameter2, parameter3) { // 要执行的代码…… } </sample> 函数显式参数…”)
  • 2022年8月19日 (五) 11:17 Neo 讨论 贡献创建了页面JavaScript 函数定义 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 函数定义}}42 = JavaScript 函数定义 = JavaScript 使用关键字 '''function''' 定义函数。 函数可以通过声明定义,也可以是一个表达式。 == 函数声明 == 在之前的教程中,你已经了解了函数声明的语法 : <pre> function functionName(parameters) { 执行的代码 } </pre> 函数声明后不会立即执行,会在我们需要的时候调用到。 <samp…”)
  • 2022年8月19日 (五) 11:17 Neo 讨论 贡献创建了页面Javascript json stringify (创建页面,内容为“{{DISPLAYTITLE:JSON.stringify()}}2 = JavaScript JSON.stringify() = JavaScript JSON JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。 === 语法 === <pre> JSON.stringify(value[, replacer[, space]]) </pre> '''参数说明:''' <p>'''value:'''</p> <p>必需, 要转换的 JavaScript 值(通常为对象或数组)。</p> <p>'''replacer:'''</p> <p>可选。用于转换结果的函数或数组。</p>…”)
  • 2022年8月19日 (五) 11:17 Neo 讨论 贡献创建了页面Javascript json parse (创建页面,内容为“{{DISPLAYTITLE:JSON.parse()}}1 = JavaScript JSON.parse() = JavaScript JSON JSON.parse() 方法用于将一个 JSON 字符串转换为对象。 === 语法 === <pre> JSON.parse(text[, reviver]) </pre> '''参数说明:''' * '''text:'''必需, 一个有效的 JSON 字符串。 * '''reviver:''' 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。 === 返回值: === 返回给定 JSON 字…”)
  • 2022年8月19日 (五) 11:16 Neo 讨论 贡献创建了页面JavaScript 表单验证 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 表单验证}}32 = JavaScript 表单验证 = == JavaScript 表单验证 == JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 表单数据经常需要使用 JavaScript 来验证其正确性: * 验证表单数据是否为空? * 验证输入是否是一个正确的email地址? * 验证日期是否输入正确? * 验证表单输入内容是否…”)
  • 2022年8月19日 (五) 11:16 Neo 讨论 贡献创建了页面JavaScript 表单 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 表单}}31 = JavaScript 表单 = == JavaScript 表单验证 == HTML 表单验证可以通过 JavaScript 来完成。 以下实例代码用于判断表单字段(fname)值是否存在, 如果不存在,就弹出信息,阻止表单提交: == JavaScript 实例 == <sample title="" desc="" lang="html" hererun="1"> function validateForm() { var x = document.forms["myForm"]["fname"].value; if…”)
  • 2022年8月19日 (五) 11:16 Neo 讨论 贡献创建了页面JavaScript 使用误区 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 使用误区}}30 = JavaScript 使用误区 = 本章节我们将讨论 JavaScript 的使用误区。 == 赋值运算符应用错误 == 在 JavaScript 程序中如果你在 if 条件语句中使用赋值运算符的等号 (=) 将会产生一个错误结果, 正确的方法是使用比较运算符的两个等号 (==)。 '''if''' 条件语句返回 '''false''' (是我们预期的)因为 x 不等于 10: <…”)
  • 2022年8月19日 (五) 11:15 Neo 讨论 贡献创建了页面JavaScript 严格模式 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 严格模式}}29 = JavaScript 严格模式(use strict) = JavaScript 严格模式(strict mode)即在严格的条件下运行。 == 使用 "use strict" 指令 == "use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。 它不是一条语句,但是是一个字面量表达式,在 JavaScript 旧版本中会被忽略。 "use strict" 的目的是指定代码…”)
  • 2022年8月19日 (五) 11:15 Neo 讨论 贡献创建了页面JavaScript 变量提升 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 变量提升}}28 = JavaScript 声明提升 = JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。 JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。 以下两个实例将获得相同的结果: === 实例 1 === <sample title="" desc="" lang="html" hererun="1"> x = 5; // 变量 x 设置为 5 elem = document.getElementById("demo");…”)
  • 2022年8月19日 (五) 11:15 Neo 讨论 贡献创建了页面JavaScript 调试 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 调试}}27 = JavaScript 调试 = 在编写 JavaScript 时,如果没有调试工具将是一件很痛苦的事情。 == JavaScript 调试 == 没有调试工具是很难去编写 JavaScript 程序的。 你的代码可能包含语法错误,逻辑错误,如果没有调试工具,这些错误比较难于发现。 通常,如果 JavaScript 出现错误,是不会有提示信息,这样你就无…”)
  • 2022年8月19日 (五) 11:15 Neo 讨论 贡献创建了页面JavaScript 错误 – Throw、Try 和 Catch (创建页面,内容为“{{DISPLAYTITLE:JavaScript 错误}}26 = JavaScript 错误 - throw、try 和 catch = '''try''' 语句测试代码块的错误。 '''catch''' 语句处理错误。 '''throw''' 语句创建自定义错误。 '''finally''' 语句在 try 和 catch 语句之后,无论是否有触发异常,该语句都会执行。 == JavaScript 错误 == 当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误。 可能是语…”)
  • 2022年8月19日 (五) 11:15 Neo 讨论 贡献创建了页面JavaScript 正则表达式 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 正则表达式}}25 = JavaScript 正则表达式 = 正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 搜索模式可用于文本搜索和文本替换。 == 什么是正则表达式? == 正则表达式是由一个字符序列形成的搜索模式。 当你…”)
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs type convert infinity minus
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs type convert infinity
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs type convert nan
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs type convert string 1
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs type convert string 000
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs type convert string 0
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs type convert number 1
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs type convert number 0
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs type convert true
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs type convert false
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs comparison11
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs comparison10
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs comparison9
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs comparison8
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs comparison7
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs comparison6
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs comparison5
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs comparison4
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs comparison3
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs comparison2
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs comparison1
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper modequal
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper divequal
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper multequal
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper minequal
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper plusequal
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper equal
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper decr2
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper decr
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper incr2
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper incr
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper mod
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper div
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper mult
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper sub
  • 2022年8月19日 (五) 11:13 删除页面脚本 讨论 贡献删除页面Try.php?filename=tryjs oper add
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs type convert infinity minus (创建页面,内容为“{{DISPLAYTITLE:尝试一下 »}}10”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs type convert infinity (创建页面,内容为“{{DISPLAYTITLE:尝试一下 »}}9”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs type convert string 1 (创建页面,内容为“{{DISPLAYTITLE:尝试一下 »}}7”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs type convert nan (创建页面,内容为“{{DISPLAYTITLE:尝试一下 »}}8”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs type convert string 000 (创建页面,内容为“{{DISPLAYTITLE:尝试一下 »}}6”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs type convert string 0 (创建页面,内容为“{{DISPLAYTITLE:尝试一下 »}}5”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs type convert number 0 (创建页面,内容为“{{DISPLAYTITLE:尝试一下 »}}3”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs type convert number 1 (创建页面,内容为“{{DISPLAYTITLE:尝试一下 »}}4”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs type convert true (创建页面,内容为“{{DISPLAYTITLE:尝试一下 »}}2”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs type convert false (创建页面,内容为“{{DISPLAYTITLE:尝试一下 »}}1”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面JavaScript 类型转换 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 类型转换}}24 = JavaScript 类型转换 = Number() 转换为数字, String() 转换为字符串, Boolean() 转换为布尔值。 == JavaScript 数据类型 == 在 JavaScript 中有 6 种不同的数据类型: * string * number * boolean * object * function * symbol 3 种对象类型: * Object * Date * Array 2 个不包含任何值的数据类型: * null * undefined == typeof 操作…”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面JavaScript typeof (创建页面,内容为“{{DISPLAYTITLE:JavaScript typeof}}23 = JavaScript typeof, null, 和 undefined = == typeof 操作符 == 你可以使用 typeof 操作符来检测变量的数据类型。 <sample title="" desc="" lang="html" hererun="1"> typeof "John" // 返回 string typeof 3.14 // 返回 number typeof false // 返回 boolean typeof [1,2,3,4] // 返回 object typeof {name:'John', ag…”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面JavaScript break 和 continue 语句 (创建页面,内容为“{{DISPLAYTITLE:JavaScript break 和 continue 语句}}22 = JavaScript break 和 continue 语句 = break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。 == break 语句 == 我们已经在本教程之前的章节中见到过 break 语句。它用于跳出 switch() 语句。 break 语句可用于跳出循环。 break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话)…”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面JavaScript while 循环 (创建页面,内容为“{{DISPLAYTITLE:JavaScript while 循环}}21 = JavaScript while 循环 = 只要指定条件为 true,循环就可以一直执行代码块。 == while 循环 == while 循环会在指定条件为真时循环执行代码块。 === 语法 === while (条件) { 需要执行的代码 } == 本例中的循环将继续运行,只要变量 i 小于 5: <sample title="" desc="" lang="html" hererun="1"> while (i<5) { x=x + "The…”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面JavaScript for 循环 (创建页面,内容为“{{DISPLAYTITLE:JavaScript for 循环}}20 = JavaScript for 循环 = 循环可以将代码块执行指定的次数。 == JavaScript 循环 == 如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。 我们可以这样输出数组的值: == 一般写法: == <sample title="" desc="" lang="html" hererun="1"> document.write(cars[0] + "<br>"); document.write(car…”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面JavaScript switch 语句 (创建页面,内容为“{{DISPLAYTITLE:JavaScript switch 语句}}19 = JavaScript switch 语句 = switch 语句用于基于不同的条件来执行不同的动作。 == JavaScript switch 语句 == 请使用 switch 语句来选择要执行的多个代码块之一。 == 语法 == <sample title="" desc="" lang="html" hererun="1"> switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; def…”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面JavaScript If…Else 语句 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 条件语句}}18 = JavaScript if...Else 语句 = 条件语句用于基于不同的条件来执行不同的动作。 == 条件语句 == 通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。 在 JavaScript 中,我们可使用以下条件语句: * '''if 语句''' - 只有当指定条件为 true 时,使用该…”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs comparison11 (创建页面,内容为“{{DISPLAYTITLE:实例 »}}11”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs comparison10 (创建页面,内容为“{{DISPLAYTITLE:实例 »}}10”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs comparison9 (创建页面,内容为“{{DISPLAYTITLE:实例 »}}9”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs comparison8 (创建页面,内容为“{{DISPLAYTITLE:实例 »}}8”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs comparison7 (创建页面,内容为“{{DISPLAYTITLE:实例 »}}7”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs comparison6 (创建页面,内容为“{{DISPLAYTITLE:实例 »}}6”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs comparison4 (创建页面,内容为“{{DISPLAYTITLE:实例 »}}4”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs comparison5 (创建页面,内容为“{{DISPLAYTITLE:实例 »}}5”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs comparison3 (创建页面,内容为“{{DISPLAYTITLE:实例 »}}3”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs comparison2 (创建页面,内容为“{{DISPLAYTITLE:实例 »}}2”)
  • 2022年8月19日 (五) 11:12 Neo 讨论 贡献创建了页面Try.php?filename=tryjs comparison1 (创建页面,内容为“{{DISPLAYTITLE:实例 »}}1”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面JavaScript 比较和逻辑运算符 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 比较}}17 = JavaScript 比较 和 逻辑运算符 = 比较和逻辑运算符用于测试 true 或者 false。 == 比较运算符 == 比较运算符在逻辑语句中使用,以测定变量或值是否相等。 x=5,下面的表格解释了比较运算符: {| class="table table-striped table-hover" ! 运算符 ! 描述 ! 比较 ! 返回值 ! 实例 |- | == | 等于 | x==8 | false | try.php?file…”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper divequal (创建页面,内容为“{{DISPLAYTITLE:实例 »}}14”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper modequal (创建页面,内容为“{{DISPLAYTITLE:实例 »}}15”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper multequal (创建页面,内容为“{{DISPLAYTITLE:实例 »}}13”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper minequal (创建页面,内容为“{{DISPLAYTITLE:实例 »}}12”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper equal (创建页面,内容为“{{DISPLAYTITLE:实例 »}}10”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper plusequal (创建页面,内容为“{{DISPLAYTITLE:实例 »}}11”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper decr2 (创建页面,内容为“{{DISPLAYTITLE:实例 »}}9”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper decr (创建页面,内容为“{{DISPLAYTITLE:实例 »}}8”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper incr (创建页面,内容为“{{DISPLAYTITLE:实例 »}}6”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper incr2 (创建页面,内容为“{{DISPLAYTITLE:实例 »}}7”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper mod (创建页面,内容为“{{DISPLAYTITLE:实例 »}}5”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper div (创建页面,内容为“{{DISPLAYTITLE:实例 »}}4”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper mult (创建页面,内容为“{{DISPLAYTITLE:实例 »}}3”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper add (创建页面,内容为“{{DISPLAYTITLE:实例 »}}1”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面Try.php?filename=tryjs oper sub (创建页面,内容为“{{DISPLAYTITLE:实例 »}}2”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面JavaScript 运算符 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 运算符}}16 = JavaScript 运算符 = '''运算符 = 用于赋值。''' '''运算符 + 用于加值。''' 运算符 = 用于给 JavaScript 变量赋值。 算术运算符 + 用于把值加起来。 指定变量值,并将值相加: <sample title="" desc="" lang="html" hererun="1"> y=5; z=2; x=y+z; </sample> 在以上语句执行后,x 的值是: <sample title="" desc="" lang="html" hereru…”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面JavaScript 字符串 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 字符串}}15 = JavaScript 字符串 = JavaScript 字符串用于存储和处理文本。 == JavaScript 字符串 == 字符串可以存储一系列字符,如 "John Doe"。 字符串可以是插入到引号中的任何字符。你可以使用单引号或双引号: <sample title="" desc="" lang="html" hererun="1"> var carname = "Volvo XC60"; var carname = 'Volvo XC60'; </sample> 你可…”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面JavaScript 事件 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 事件}}14 = JavaScript 事件 = HTML 事件是发生在 HTML 元素上的事情。 当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。 == HTML 事件 == HTML 事件可以是浏览器行为,也可以是用户行为。 以下是 HTML 事件的实例: * HTML 页面完成加载 * HTML input 字段改变时 * HTML 按钮被点击 通常,当事件发生时,你可…”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面JavaScript 作用域 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 作用域}}13 = JavaScript 作用域 = 作用域是可访问变量的集合。 == JavaScript 作用域 == 在 JavaScript 中, 对象和函数同样也是变量。 '''在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。''' JavaScript 函数作用域: 作用域在函数内修改。 == JavaScript 局部作用域 == 变量在函数内声明,变量为局部变量,具有局…”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面JavaScript 函数 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 函数}}12 = JavaScript 函数 = 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 <sample title="" desc="" lang="html" hererun="1"> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试实例</title> <script> function myFunction() { alert("Hello World!"); } </script> </head> <body> <button onclick="myFunction()">点我</button> </body> </html>…”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面JavaScript 对象 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 对象}}11 = JavaScript 对象 = JavaScript 对象是拥有属性和方法的数据。 == 真实生活中的对象,属性和方法 == 真实生活中,一辆汽车是一个对象。 对象有它的属性,如重量和颜色等,方法有启动停止等: <blockquote>在 JavaScript 中,对象是非常重要的,当你理解了对象,就可以了解 JavaScript 。</blockquote> 你已经学习…”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面JavaScript 数据类型 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 数据类型}}10 = JavaScript 数据类型 = '''值类型(基本类型)''':字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。 '''引用数据类型(对象类型)''':对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。 <blockquote>'''注:'''Symbol 是 ES6 引入了…”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面JavaScript 变量 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 变量}}9 = JavaScript 变量 = 变量是用于存储信息的"容器"。 <sample title="" desc="" lang="html" hererun="1"> var x=5; var y=6; var z=x+y; </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <script> var x=5; var y=6; var z=x+y; document.write(x + "<br>"); document.write(y + "<br>"); document.wri…”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面JavaScript 注释 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 注释}}8 = JavaScript 注释 = JavaScript 注释可用于提高代码的可读性。 == JavaScript 注释 == JavaScript 不会执行注释。 我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。 单行注释以 // 开头。 本例用单行注释来解释代码: <sample title="" desc="" lang="html" hererun="1"> // 输出标题: document.getElementById("myH1…”)
  • 2022年8月19日 (五) 11:11 Neo 讨论 贡献创建了页面JavaScript 语句 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 语句}}7 = JavaScript 语句 = JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。 == JavaScript 语句 == JavaScript 语句是发给浏览器的命令。 这些命令的作用是告诉浏览器要做的事情。 下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" : <sample title="" desc="" lang="html"…”)
  • 2022年8月19日 (五) 11:10 Neo 讨论 贡献创建了页面JavaScript 语法 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 语法}}6 = JavaScript 语法 = JavaScript 是一个程序语言。语法规则定义了语言结构。 == JavaScript 语法 == JavaScript 是一个脚本语言。 它是一个轻量级,但功能强大的编程语言。 == JavaScript 字面量 == 在编程语言中,一般固定值称为字面量,如 3.14。 '''数字(Number)字面量''' 可以是整数或者是小数,或者是科学计…”)
  • 2022年8月19日 (五) 11:10 Neo 讨论 贡献创建了页面JavaScript 输出 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 输出}}5 = JavaScript 输出 = JavaScript 没有任何打印或者输出的函数。 == JavaScript 显示数据 == JavaScript 可以通过不同的方式来输出数据: * 使用 '''window.alert()''' 弹出警告框。 * 使用 '''document.write()''' 方法将内容写到 HTML 文档中。 * 使用 '''innerHTML''' 写入到 HTML 元素。 * 使用 '''console.log()''' 写入到浏览器的控制台…”)
  • 2022年8月19日 (五) 11:10 Neo 讨论 贡献创建了页面JavaScript Chrome 中运行 (创建页面,内容为“{{DISPLAYTITLE:JavaScript Chrome 中运行}}4 = Chrome 浏览器中执行 JavaScript = 本章节为大家介绍如何在 Chrome 浏览器上进行 JavaScript 代码的运行与调试。 Chrome 是由 Google 开发的免费网页浏览器,对于前端开发来说(尤其是调试代码)非常方便。 Chrome 官网地址:https://www.google.com/intl/zh-CN/chrome/。 我们在 Chrome 浏览器中可以通过按下 F12 按…”)
  • 2022年8月19日 (五) 11:10 Neo 讨论 贡献创建了页面JavaScript 用法 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 用法}}3 = JavaScript 用法 = HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。 Javascript 脚本代码可被放置在 HTML 页面的 <body> 和 <head> 部分中。 == <script> 标签 == 如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。 <script> 和 </script> 会告诉 JavaScript 在何处开…”)
  • 2022年8月19日 (五) 11:10 Neo 讨论 贡献创建了页面JavaScript 简介 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 简介}}2 = JavaScript 简介 = JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 == JavaScript 是脚本语言 == JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有的现…”)
  • 2022年8月19日 (五) 11:10 Neo 讨论 贡献创建了页面JavaScript 教程 (创建页面,内容为“{{DISPLAYTITLE:JavaScript 教程}}1 = JavaScript 教程 = JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都可以使用 JavaScript。 JavaScript 非常容易学。 本教程将教你学习从初级到高级 JavaScript 知识。 == JavaScript 在线实例 == 本教程包含了大量的 JavaScript 实例, 您可以点击 "尝试一下" 来在线查看实例。 == 我的第一个 JavaScript 程…”)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try2.php?filename=trybs modal fullscreen xxl&stacked=h
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try2.php?filename=trybs modal fullscreen xl&stacked=h
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try2.php?filename=trybs modal fullscreen lg
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs modal fullscreen md
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs modal fullscreen sm
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align self stretch responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align self baseline responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align self center responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align self end responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align self start responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align items stretch responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align items baseline responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align items center responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align items end responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align items start responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex order responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align content stretch responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align content around responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align content center responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align content end responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex align content start responsive (删除错误页面)
  • 2022年8月19日 (五) 11:09 删除页面脚本 讨论 贡献删除页面Try.php?filename=trybs5 flex wrap reverse responsive (删除错误页面)
  • 2022年8月19日 (五) 11:08 Neo 讨论 贡献删除页面Try.php?filename=trybs5 flex wrap responsive (删除错误页面)
  • 2022年8月19日 (五) 11:08 Neo 讨论 贡献删除页面Try.php?filename=trybs5 flex nowrap responsive (删除错误页面)
  • 2022年8月19日 (五) 11:08 Neo 讨论 贡献删除页面Try.php?filename=trybs5 flex fill responsive (删除错误页面)
  • 2022年8月19日 (五) 11:08 Neo 讨论 贡献删除页面Try.php?filename=trybs5 flex justify around responsive (删除错误页面)
  • 2022年8月19日 (五) 11:08 Neo 讨论 贡献删除页面Try.php?filename=trybs5 flex justify between responsive (删除错误页面)
  • 2022年8月19日 (五) 11:08 Neo 讨论 贡献删除页面Try.php?filename=trybs5 flex justify center responsive (删除错误页面)
  • 2022年8月19日 (五) 11:08 Neo 讨论 贡献删除页面Try.php?filename=trybs5 flex justify end responsive (删除错误页面)
  • 2022年8月19日 (五) 11:08 Neo 讨论 贡献删除页面Try.php?filename=trybs5 flex justify start responsive (删除错误页面)
  • 2022年8月19日 (五) 11:08 Neo 讨论 贡献删除页面Try.php?filename=trybs5 flex column reverse responsive (删除错误页面)
  • 2022年8月19日 (五) 11:08 Neo 讨论 贡献删除页面Try.php?filename=trybs5 flex column responsive (删除错误页面)
最新 | 最旧) 查看( | )(20 | 50 | 100 | 250 | 500