JQuery(一)核心函数

仅是个人学习Jquery API的笔记,留作备忘。高手见笑。。

  • jquery(expression,[context])
  • jquery(html,[ownerdocument])
  • jquery(elements)
  • jquery(callback)

一,jquery(expression(表达式),[context](context参数))

    1, 介绍:这个函数接受一个包含css选择器的字符串,然后用这个字符串去匹配一组元素。jquery的核心功能都是通过这个函数实现的(或者说都在以某种方式使用这个函数)

    2,最基本的用法:向它传递一个表达式(通常由css选择器组成)然后根据这个表达式来查找匹配的元素。

     :认情况下, 如果没有指定context参数,$()将在当前的 HTML document中查找 DOM 元素;如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。在jQuery 1.3.2以后,其返回的元素顺序等同于在context中出现的先后顺序。

    3,参数说明:expression——>string

                       context——>element&JQuery对象

      示例1:

      HTML: <div><p>one</p></div><p>two</p>

      jquery:$("div>p")//语法说明:查找所有p元素,并且这些p元素都必须是div的子元素。(层级格式(以后学习选择器的时候会说到):parent>child)

      运行结果:

            <p>one</p>

      示例2:

      在文档的第一个表单中,查找所有的单选按钮:

      $("input:radio",document.forms[0])//这里是索引。所以第一个表单为forms[0].

      示例3:

      在一个ajax返回的xml中,找到所有的div。

      $("div",xml.ResponseXML)

 

 二,Jquery(html,[ownerdocument)

      概述:根据提供原始的HTML标记字符串,动态创建由jQuery对象包装的DOM元素。

     这里需要注意两个问题:

  1. 创建一个 <input> 元素必须同时设定 type 属性。因为微软规定 <input> 元素的 type 只能写一次。如:// 在 IE 中无效:$("<input>").attr("type","checkbox");// 在 IE 中有效:$("<input type='checkbox'>");
  2. 当你创建单个元素时,请使用闭合标签或 XHTML 格式。如创建一个span 可以用$("</span>")或$(<span></span>).但不推荐$("span“)

  示例:$("<div><p>Hello</p></div>").appendTo("body");

三,Jquery(elements)

    概述:

 

    参数说明:用于封装jquery对像的dom元素。

      示例:

作者:JaryLeely
谁说30岁是个坎?扯淡……
原文地址:https://www.cnblogs.com/Jaryleely/p/1622643.html