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 中$(""),这个语法等同于$(document.createElement("span")) ,这是一种用法;
在选择元素的时候还会这样子的用:[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):。$(":text") 选择所有的text input元素
详细请参考:[url=http://www.cnblogs.com/onlys/articles/jQuery.html]http://www.cnblogs.com/onlys/articles/jQuery.html[/url]