`
Seven.Q
  • 浏览: 12395 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery快速入门

阅读更多

1,看一眼

$(this) 当前 HTML 元素
$("p") 所有 <p> 元素
$("p.intro") 所有 class="intro" 的 <p> 元素
$(".intro") 所有 class="intro" 的元素
$("#intro") id="intro" 的元素
$("ul li:first") 每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素

获得只有Name的隐藏Input的值
$("input[type=hidden][name=隐藏Input的名称]").val()  或  $("input[name=隐藏Input的名称]:hidden").val()

radio设值
$("input[type=radio][value=值]").attr("checked",true);
eg.$("input[type=radio][value=${order.paymentMethod}]").attr("checked",true); 

尽量使用浏览器的原生查找函数.find()方法。比如:
$('#someDiv p.someClass').hide();
$('#someDiv').find('p.someClass').hide();
上面两行代码执行的结果是完全一样的,但是下面一句的效率要比上面一句的执行效率高

$("A B") 查找A元素下面的所有子节点,包括非直接子节点
$("A>B") 查找A元素下面的直接子节点
$("A+B") 查找A元素后面的兄弟节点,包括非直接子节点
$("A~B") 查找A元素后面的兄弟节点,不包括非直接子节点

 

2,jQuery几个符号的解释

(1)$。在jQuery 中$(&quot;&quot;),这个语法等同于$(document.createElement(&quot;span&quot;)) ,这是一种用法;

在选择元素的时候还会这样子的用:[attribute$=value],匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下:

HTML代码:

<input name="newsletter" />
 <input name="milkman" />
 <input name="jobletter" />
 jQuery 代码:
 $("input[name$='letter']")

结果:[ <input name="newsletter" />, <input name="jobletter" /> ]

(2)!。选择器:[attribute!=value],匹配所有不含有指定的属性,或者属性不等于特定值的元素,此选择器等价于:not([attr=value])。

(3)*。选择器:[attribute*=value],匹配给定的属性是以包含某些值的元素。

(4)^。选择器:[attribute^=value],匹配给定的属性是以某些值开始的元素。

(5):。$(&quot;:text&quot;)  选择所有的text input元素

 

详细请参考:[url=http://www.cnblogs.com/onlys/articles/jQuery.html]http://www.cnblogs.com/onlys/articles/jQuery.html[/url]

 

分享到:
评论

相关推荐

    jquery快速入门实例

    【jQuery 快速入门实例】 jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理和动画效果。本教程将引导你快速入门jQuery,通过基础实例帮助你掌握其核心概念。 ### 1. jQuery 构造函数与 $...

    jquery快速入门

    **jQuery 快速入门** jQuery 是一个广泛使用的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画和Ajax交互。这个“jQuery 快速入门”将引导你掌握这个强大工具的基本用法,帮助你高效地进行网页开发。 **...

    JQUERY快速入门文档

    第一课 jquery ajax牛刀小试 1. 准备工作 下载jquery包,我放在和本文档相同的文件夹下了,安装很简单,把下载下来的jquery文件简单命名为jquery.js,然后复制到工程文件下的js目录里,就可以在页面中导入使用了。如...

    JQuery 快速入门

    目前,互联网上最好的jQuery入门教材,是Rebecca Murphey写的《jQuery基础》(jQuery Fundamentals)。在Google里搜索"jQuery 培训",此书排在第一位。jQuery官方团队已经同意,把此书作为官方教程的基础

    jQuery入门基础二.ppt

    jQuery入门基础二.ppt

    jquery简单快速入门word文章和一些实例(网上整理的

    jQuery初学实例代码集,很多的示例,包括一些弹出信息框、无刷新提交、更改字体大孝颜色选择器、下拉列表操作、无刷新读取数据数据库、层收缩和弹出、一些鼠标特效、导步获取数据、无刷新更改样式表、表格颜色控件等...

    jQuery Mobile 快速入门

    ### jQuery Mobile 快速入门详解 #### 一、引言 随着移动互联网的快速发展,越来越多的应用和服务需要在各种尺寸的设备上良好运行。为了适应这种趋势,开发人员需要掌握能够跨平台使用的前端框架。jQuery Mobile ...

    jQuery Mobile快速入门完整版.pdf + 所有源码

    作为jQuery Mobile的入门级读物,《jQuery Mobile快速入门》以示例方式讲解了jQuery Mobile的基本知识和核心特性,内容系统全面,便于理解。 《jQuery Mobile快速入门》总共分为10章,内容包括jQuery Mobile的基础...

    jQuery Mobile快速入门.pdf

    jQuery Mobile快速入门.pdf

    jQuery Mobile快速入门,PDF书籍,源码

    jQuery Mobile快速入门,美国,BRAD BROULIK著,巩亚萍姚婷翻译,人民邮电出版社出版,全书10章,234页。1jquerymobile简介,2jquerymobile入门,3使用页眉工具栏和标签来导航,4表单元素和按钮

    jquery mobile快速入门

    jquery mobile快速入门 jquery mobile快速入门 jquery mobile快速入门 jquery mobile快速入门

    jquer jquery mobile快速入门

    jquery mobile快速 jquery mobile快速入门入门 jquery mobile快速 jquery mobile快速入门入门

    JQUERY MOBILE快速入门 高清pdf

    本电子书适合新手和想了解jqm的人们,只供预览,请购买正版纸质书。

    jQuery Mobile快速入门 源码 SourceCode

    本资源是《jquery mobile快速入门》配套源码 《jquery mobile快速入门》总共分为10章,内容包括jquerymobile的基础知识;使用页眉、工具栏和标签栏进行导航;表单元素和按钮;列表视图;使用表格和css渐变来格式化...

Global site tag (gtag.js) - Google Analytics