目录搜索
速查表核心jQuery(selectorjQuery(htmljQuery(callback)jQuery.holdReady(hold)each(callback)size()lengthselectorcontextget([index])index([selector|element])data([key]removeData([name|list])jQuery.data(elementqueue(elementdequeue([queueName])clearQueue([queueName])jQuery.noConflict([extreme])选择器#idelement.class*selector1ancestor descendantparent > childprev + nextprev ~ siblings:first:last:not(selector):even:odd:eq(index):gt(index):lt(index):lang(language):header:animated:focus:root:target:contains(text):empty:has(selector):parent:hidden:visible[attribute][attribute=value][attribute!=value][attribute^=value][attribute$=value][attribute*=value][selector1][selector2][selectorN]:first-child:first-of-type:last-child:last-of-type:nth-child:nth-last-child():nth-last-of-type():nth-of-type():only-child:only-of-type:input:text:password:radio:checkbox:submit:image:reset:button:file:hidden:enabled:disabled:checked:selected属性attr(name|pro|keyremoveAttr(name)prop(name|pro|keyremoveProp(name)addClass(class|fn)removeClass([class|fn])toggleClass(class|fn[html([val|fn])text([val|fn])val([val|fn|arr])筛选eq(index|-index)first()last()hasClass(class)filter(expr|obj|ele|fn)is(expr|obj|ele|fn)map(callback)has(expr|ele)not(expr|ele|fn)slice(startchildren([expr])closest(exprfind(expr|obj|ele)next([expr])nextAll([expr])nextUntil([exp|ele][parent([expr])parents([expr])parentsUntil([exp|ele][prev([expr])prevAll([expr])prevUntil([exp|ele][siblings([expr])add(expr|ele|html|obj[andSelf()contents()end()文档处理append(content|fn)appendTo(content)prepend(content|fn)prependTo(content)after(content|fn)before(content|fn)insertAfter(content)insertBefore(content)wrap(html|ele|fn)unwrap()wrapAll(html|ele)wrapInner(html|ele|fn)replaceWith(content|fn)replaceAll(selector)empty()remove([expr])detach([expr])clone([Even[CSScss(name|pro|[jQuery.cssHooksoffset([coordinates])position()scrollTop([val])scrollLeft([val])height([val|fn])width([val|fn])innerHeight()innerWidth()outerHeight([options])outerWidth([options])事件ready(fn)on(eventsoff(eventsbind(typeone(typetrigger(typetriggerHandler(typeunbind(typelive(typedie(typedelegate(selundelegate([selhover([overtoggle(fnblur([[data]change([[data]click([[data]dblclick([[data]error([[data]focus([[data]focusin([data]focusout([data]keydown([[data]keypress([[data]keyup([[data]mousedown([[data]mouseenter([[data]mouseleave([[data]mousemove([[data]mouseout([[data]mouseover([[data]mouseup([[data]resize([[data]scroll([[data]select([[data]submit([[data]unload([[data]效果show([speedhide([speedslideDown([speed]slideUp([speedslideToggle([speed]fadeIn([speed]fadeOut([speed]fadeTo([[speed]fadeToggle([speedanimate(paramstop([cle]delay(durationfinish( [queue ] )jQuery.fx.offjQuery.fx.intervalAjaxjQuery.ajax(urlload(urljQuery.get(urljQuery.getJSON(urljQuery.getScript(urljQuery.post(urlajaxComplete(callback)ajaxError(callback)ajaxSend(callback)ajaxStart(callback)ajaxStop(callback)ajaxSuccess(callback)jQuery.ajaxPrefilter([type]jQuery.ajaxSetup([options])serialize()serializeArray()工具jQuery.supportjQuery.browserjQuery.browser.versionjQuery.boxModeljQuery.each(objectjQuery.extend([deep]jQuery.grep(arrayjQuery.makeArray(obj)jQuery.map(arrayjQuery.inArray(valjQuery.toArray()jQuery.sub()jQuery.when(deferreds)jQuery.merge(firstjQuery.unique(array)jQuery.parseJSON(json)jQuery.parseXML(data)jQuery.noopjQuery.proxy(functionjQuery.contains(containerjQuery.isArray(obj)jQuery.isFunction(obj)jQuery.isEmptyObject(obj)jQuery.isPlainObject(obj)jQuery.isWindow(obj)jQuery.isNumeric(value)jQuery.type(obj)jQuery.trim(str)jQuery.param(objjQuery.error(message)$.fn.jquery事件对象event.currentTargetevent.dataevent.delegateTargetevent.isDefaultPrevented()event.isImmediatePropagationStopped()event.isPropagationStopped()event.namespaceevent.pageXevent.pageYevent.preventDefault()event.relatedTargetevent.resultevent.stopImmediatePropagation()event.stopPropagation()event.targetevent.timeStampevent.typeevent.which延迟对象def.done(donCaldef.fail(failCal)def.isRejected()def.isResolved()def.reject(args)def.rejectWith(contextdef.resolve(args)def.resolveWith(contextdef.then(doneCaldef.progress([type]def.pipe([donFil]def.always(alwCaldef.notify(args)def.notifyWith(contextdef.progress(proCal)def.state()回调函数callbacks.add(callbacks)callbacks.disable()callbacks.empty()callbacks.fire(arguments)callbacks.fired()callbacks.fireWith([context][callbacks.has(callback)callbacks.lock()callbacks.locked()callbacks.remove(callbacks)jQuery.callbacks(flags)关于关于jQuery API 文档提交bug及获取更新其它正则表达式速查表
文字

返回值:jQueryjQuery(html,[ownerDocument])

概述

根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。

你可以传递一个手写的 HTML 字符串,或者由某些模板引擎或插件创建的字符串,也可以是通过 AJAX 加载过来的字符串。但是在你创建 input 元素的时会有限制,可以参考第二个示例。当然这个字符串可以包含斜杠 (比如一个图像地址),还有反斜杠。当你创建单个元素时,请使用闭合标签或 XHTML 格式。例如,创建一个 span ,可以用$("<span/>") 或 $("<span></span>") ,但不推荐 $("<span>")。在jQuery 中,这个语法等同于$(document.createElement("span")) 。

在jQuery 1.8中,通过$(html,props), 您可以使用任何jQuery对象的方法或插件。在此之前,你只能使用一个方法名的短名单,并有没有成文的方式添加到列表中。现在并不需要是一个列表,在所有!然而,请注意,这可能会导致你的代码的行为改变,如果插件添加后,有相同的名称作为HTML属性。

参数

html,[ownerDocument]String,DocumentV1.0

html:用于动态创建DOM元素的HTML标记字符串

ownerDocument:创建DOM元素所在的文档

html,propsString,MapV1.4

html:用于动态创建DOM元素的HTML标记字符串

props:用于附加到新创建元素上的属性、事件和方法

示例

描述:

动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。所以,这个函数既有灵活性,也有局限性。

jQuery 代码:
$("<div><p>Hello</p></div>").appendTo("body");

描述:

创建一个 <input> 元素必须同时设定 type 属性。因为微软规定 <input> 元素的 type 只能写一次。

jQuery 代码:
// 在 IE 中无效:
$("<input>").attr("type", "checkbox");
// 在 IE 中有效:
$("<input type='checkbox'>");

描述:

动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。所以,这个函数既有灵活性,也有局限性。

jQuery 代码:
$("<div>", {
  "class": "test",
  text: "Click me!",
  click: function(){
    $(this).toggleClass("test");
  }
}).appendTo("body");

描述:

创建一个 <input> 元素,同时设定 type 属性、属性值,以及一些事件。

jQuery 代码:
$("<input>", {
  type: "text",
  val: "Test",
  focusin: function() {
    $(this).addClass("active");
  },
  focusout: function() {
    $(this).removeClass("active");
  }
}).appendTo("form");
上一篇:下一篇: