企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## jQuery(\[selector\[, context\]\]) 概述:这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。 * selector:用来查找的字符串。 * context:作为待查找的 DOM 元素集、文档或 jQuery 对象。 ~~~ // 找到所有 p 元素,并且这些元素都必须是 div 元素的子元素。 $("div > p"); // 设置页面背景色。 $(document.body).css("background", "black"); // 隐藏一个表单中所有元素。 $(myForm.elements).hide(); // 在文档的第一个表单中,查找所有的单选按钮。 $("input:radio", document.forms[0]); // 在一个由 AJAX 返回的 XML 文档中,查找所有的 div 元素。 $("div", xml.responseXML); ~~~ ## jQuery(html\[, ownerDocument\]) 概述:根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。 * html:用于动态创建 DOM 元素的 HTML 标记字符串。 * ownerDocument:创建 DOM 元素所在的文档。 ~~~ // 动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。 $("<div><p>Hello</p></div>").appendTo("body"); // 创建一个 <input> 元素必须同时设定 type 属性。 $("<input>").attr("type", "checkbox"); // 动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。 $("<div>", { "class": "test", text: "Click me!", click: function(){ $(this).toggleClass("test"); } }).appendTo("body"); // 创建一个 <input> 元素,同时设定 type 属性、属性值,以及一些事件。 $("<input>", { type: "text", val: "Test", focusin: function() { $(this).addClass("active"); }, focusout: function() { $(this).removeClass("active"); } }).appendTo("form"); ~~~ ## jQuery(callback) 概述:$(document).ready() 的简写。 * callback:当 DOM 加载完成后要执行的函数。 ~~~ // 当 DOM 加载完成后,执行其中的函数。 $(function(){ // 文档就绪 }); // 使用 $(document).ready() 的简写,同时内部的 jQuery 代码依然使用 $ 作为别名,而不管全局的 $ 为何。 jQuery(function($) { // 你可以在这里继续使用$作为别名... }); ~~~ ## jQuery.readyException(error) 概述:处理包裹在 jQuery()中函数同步抛出的错误。 * error:错误信息。 ~~~ // 传递接受到的错误给 console.error。 jQuery.readyException = function(error) { console.error(error); }; ~~~