JQuery(一)核心函数

本文介绍了JQuery的基础用法,包括使用表达式查找元素、根据HTML字符串创建DOM元素及封装DOM元素为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元素。

      示例:

转载于:https://www.cnblogs.com/Jaryleely/archive/2009/12/12/1622643.html

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值