jQuery技术

最好的JQuery学习资料

字号+ 作者:H5之家 来源:H5之家 2015-11-22 17:37 我要评论( )

jQuery和API学习资料jQueryjQuery 对象$( StringJavascript 字符串 html )根据提供的原始HTML标记字符串,动态创建由jQuery对象包装的DOM元素。英文详解根据提供

jQuery和API学习资料 jQueryjQuery 对象$( StringJavascript 字符串 html )根据提供的原始HTML标记字符串,动态创建由jQuery对象包装的DOM元素。英文详解 根据提供的原始HTML标记字符串,动态创建由jQuery对象包装的DOM元素。 Create DOM elements on-the-fly from the provided String of raw HTML. [示例]: 动态创建一个div元素(以及其中的所有内容),并将它追加到ID值为body的元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的innerHTML属性设置为给定的标记字符串,来实现标记到DOM元素转换的。所以,这个函数既有灵活性,也有局限性。 $("<div><p>Hello</p></div>").appendTo("#body") jQuery$( Element|Array<Element>表示DOM元素的Javascript对象或DOM元素数组 elements )为一个或多个DOM元素捆绑jQuery功能。英文详解 为一个或多个DOM元素捆绑jQuery功能。 这个函数也可以接收XML文档和Window对象(虽然它们不是DOM元素)作为有效的参数。 Wrap jQuery functionality around a single or multiple DOM Element(s). This function also accepts XML Documents and Window objects as valid arguments (even though they are not DOM Elements). [示例]: 与 $("div > p") 相同。 $(document).find("div > p") HTML标记: <p>one</p> <div><p>two</p></div> <p>three</p> 结果: [ <p>two</p> ] [示例]: 把页面的背景颜色设置为黑色。 $(document.body).background( "black" ); [示例]: 隐藏表单中的所有input元素。 $( myForm.elements ).hide() jQuery$( FunctionJavascript 函数 fn当DOM载入完成后要执行的函数 )$(document)的简写方式。英文详解 $(document).ready()的简写方式,允许你绑定一个在DOM文档载入完成后执行的函数。这个函数的作用如同$(document).ready()一样,只不过用这个函数时,需要把页面中所有其他的$()操作符都包装到其中来。从技术上来说,这个函数是可链接的--但真正以这种方式链接的情况并不多。你可以在一个页面中使用任意多个$(document).ready事件。 要详细了解ready事件,见ready(Function)。 A shorthand for $(document).ready(), allowing you to bind a function to be executed when the DOM document has finished loading. This function behaves just like $(document).ready(), in that it should be used to wrap all of the other $() operations on your page. While this function is, technically, chainable - there really isn't much use for chaining against it. You can have as many $(document).ready events on your page as you like. See ready(Function) for details about the ready event. [示例]: 当DOM就绪可用时,执行其中的函数。 $(function(){ // DOM文档已经载入就绪 }); jQuery$( String expr, Element|jQuery表示DOM元素的Javascript对象或jQuery对象 context(可选)作为上下文的DOM元素、文档或jQuery对象。 )这个函数接收一个包含CSS或基本的XPath选择符的字符串,然后用这个字符串去匹配一组元素。英文详解 这个函数接收一个包含CSS或基本的XPath选择符的字符串,然后用这个字符串去匹配一组元素。 jQuery的核心功能都是通过这个函数实现的。 jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由CSS或XPath选择符组成),然后根据这个表达式来查询所有匹配的元素。 在默认情况下,$()查询的是当前HTML文档中的DOM元素。 This function accepts a string containing a CSS or basic XPath selector which is then used to match a set of elements. The core functionality of jQuery centers around this function. Everything in jQuery is based upon this, or uses this in some way. The most basic use of this function is to pass in an expression (usually consisting of CSS or XPath), which then finds all matching elements. By default, $() looks for DOM elements within the context of the current HTML document. [示例]: 找到所有是div元素子元素的p元素。 $("div > p") HTML标记: <p>one</p> <div><p>two</p></div> <p>three</p> 结果: [ <p>two</p> ] [示例]: 在文档的第一个表单中,搜索所有单选按钮(或:type值为radio的input元素)。 $("input:radio", document.forms[0]) [示例]: 查询指定XML文档中的所有div元素。 $("div", xml.responseXML)

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
o