jQuery技术

jQuery学习笔记(一)(2)

字号+ 作者:H5之家 来源:H5之家 2015-11-12 19:01 我要评论( )

:input匹配所有 input、textarea、select 和 button表单元素 :text匹配所有的单行文本框 :password匹配所有密码框 :radio匹配所有单选按钮 :checkbox匹配所有复选框 :submit匹配所有提交按钮 :image匹配所有图像域

:input               匹配所有 input、textarea、select 和 button表单元素 :text  匹配所有的单行文本框
:password       匹配所有密码框
:radio               匹配所有单选按钮
:checkbox       匹配所有复选框
:submit            匹配所有提交按钮
:image             匹配所有图像域
:reset               匹配所有重置按钮
:button            匹配所有按钮
:file                   匹配所有文件域
:hidden            匹配所有不可见元素,或者 type 为 hidden的元素
:enabled          匹配所有可用元素
:disabled         匹配所有不可用元素
:checked         匹配所有选中的复选框元素
:selected         匹配所有选中的选项元素

筛选函数

jQuery还优化并扩展了很多筛选函数,这些函数作为jQUery对象的方法直接使用,这样就能够在选择器的基础上更加精确地控制对象。请注意,筛选函数与选择器在用法上是不同的。

 



文档处理

使用DOM为元素节点增加子元素或文本节点。  DOM提供的方法比较烦琐,需要先选中对象,再定义子节点,最后才能够使用 a()方法实现插入子元素或文本。jQuery提供的文档处理方法要比DOM简单得多,且功能更为强大和灵活。

插入内容

jQuery 把插入分为内部插入和外部插入两种操作。

所谓内部插入,就是把内容直接插入到指定的元素内部。

  • append():append()方法与DOM的a()方法功能类似,都是在元素内部增加子元素或文本。与DOM中a()方法不同的是:jQuery中的append()方法能够同时为jQuery对象中多个元素增加内容,所增加的内容不需要先定义成节点,可以直接把它作为字符串插入到元素内。另外,jQuery还定义了一个反操作的方法——appendTo(content),它可以把所有匹配的元素追加到另一个指定的元素集合中。
  • prepend():prepend()方法与 append()方法作用相同,都是把指定内容插入到 jQuery对象元素中,但是prepend()方法能够把插入的内容放置在最前面,而不是放置在最末尾。appendTo()方法相对应的是 prependTo(),该方法能够把所有匹配的元素前置到另一个指定的元素集合中。
  • 所谓外部插入,就是把内容插入到指定jQuery对象相邻元素内。与内部插入操作基本类似,外部插入也包含四种方法。这四种方法可以实现相同的功能, 但是它们的作用点却各有侧重。  请注意, 除了使用jQuery对象作为插入内容的参数外,还可以插入DOM元素或元素集合,以及HTML结构字符串。

    嵌套结构

    嵌套与插入操作有几分相似,虽然它们都可以实现相同的操作目标,但是两者在概念上还是存在一些区别。嵌套重在结构的构建,而插入侧重内容的显示。jQuery 定义了如下六个嵌套
    结构的方法。

  • wrapInner(html):把每一个匹配的元素的子内容(包括文本节点)使用一个 HTML 结构包裹起来。
  • wrapInner(element):把每一个匹配的元素的子内容(包括文本节点)使用元素包裹起来。
  • 替换结构

    jQuery提供了replaceWith(content)和replaceAll(selector)方法来实现HTML结构替换。replaceWith()能够将所有匹配的元素替换成指定的HTML或DOM元素。replaceAll(selector)方法与replaceWith(content)方法操作正好相反。

    删除和克隆结构

    删除结构也有两种方法:一是使用empty()删除匹配元素包含的所有子节点。二是使用remove([expr])方法删除匹配的元素,或者符合表达式的匹配元素。

    结构复制主要使用clone()和clone(true)方法。clone()表示克隆匹配的DOM元素并选中克隆的元素。clone(true)方法不仅能够克隆元素,而且还可以克隆元素所定义的事件。

    分享:

    喜欢

    0

    赠金笔

    阅读┊ ┊ ┊┊ ┊打印┊

    已投稿到:

    排行榜

    加载中,请稍候......

    前一篇:午后YY

    后一篇:WordPress学习笔记(一)

    评论 重要提示:警惕虚假中奖信息

  • 评论加载中,请稍候...
  • 发评论

    登录名: 密码: 找回密码 注册

    昵   称:

       

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

    < 前一篇午后YY

    后一篇 >WordPress学习笔记(一)

     

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

    相关文章
    网友点评
    t