jQuery 核心1_jQuery核心函数

最新推荐文章于 2021-07-15 11:05:48 发布

原创最新推荐文章于 2021-07-15 11:05:48 发布 · 519 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #callback #html #div #ajax #input

jquery 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了jQuery的基本用法，包括通过CSS选择器匹配元素、利用HTML字符串动态创建元素、将DOM元素转换为jQuery对象以及使用回调函数进行文档加载完成后的操作。

jQuery(expression, [context])
jQuery(html, [ownerDocument])
jQuery(elements)
jQuery(callback)

=================================
1. jQuery(expression, [context])
这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素。

e.g.1 :
    H: <p>one</p> <div><p>two</p></div> <p>three</p>

    J: $("div>p");

    E: <p>two</p>

e.g.2 :

    J: $("input:radio", document.forms[0]); //在第一个form中，查找所有的单选按钮

e.g.3 :

    J: $("div", xml.responseXML); //在一个由 AJAX 返回的 XML 文档中，查找所有的 div 元素

--------------------------------------
2. jQuery(html, [ownerDocument])

e.g.1:

    J: $("<div><p>Hello</p></div>").appendTo("body"); //动态地在body后创建html元素

--------------------------------------
3. jQuery(elements)
将一个或多个DOM元素转化为jQuery对象。

e.g.1:

    J: $(document.body).css("background","black"); //设置页面背景色

e.g.2:

    J: $(myForm.elements).hide() //隐藏一个form中所有的元素

--------------------------------------
4. jQuery(callback)
$(document).ready()的简写。