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]

相关推荐