zoukankan      html  css  js  c++  java
  • 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岁是个坎?扯淡……
  • 相关阅读:
    多项式模板整理
    广大附中2019CSP模拟day6
    2019正睿CSP-S模拟赛十连测day6
    NOIP2020 游记
    NOI2020 退役记
    CSP2019 退役记
    目录
    NOI Online 提高
    后缀数组
    待学
  • 原文地址:https://www.cnblogs.com/Jaryleely/p/1622643.html
Copyright © 2011-2022 走看看