1、for 属性规定 label 与哪个表单元素绑定。
点击“是”文字时,相当于点击id为isSealed1的radio。
<input id="isSealed1" type="radio"/><label for="isSealed1">是</label>
<input id="isSealed0" type="radio"/><label for="isSealed0">否</label>
2、判断某个radio是否被选中
$("#isSealed0").is(":checked")//被选中则返回true
$('#isSealed0:checked').length==1//被选中则返回true
3、jquery选择器获取父级元素、同级元素、子元素
一、获取父级元素
1、 parent([expr]):获取指定元素的所有父级元素
二、获取同级元素
1、next([expr]):获取指定元素的下一个同级元素(下一个同级元素)
2、nextAll([expr]):获取指定元素后边的所有同级元素
3、andSelf():获取指定元素后边的所有同级元素,之后加上指定的元素
4、prev():获取指定元素的上一个同级元素(上一个)。
5、prevAll():获取指定元素的前边所有的同级元素。
三、获取子元素
1、查找子元素方式1:>
例如:var aNods = $("ul > a");查找ul下的所有a标签
2、查找子元素方式2:children()
3、查找子元素方式3:find()
children()和find()的异同:
①children及find方法都用是用来获得element的子elements的,两者都不会返回 text node,就像大多数的jQuery方法一样。
②children方法获得的仅仅是元素一下级的子元素,即:immediate children。
③find方法获得所有下级元素,即:descendants of these elements in the DOM tree
④children方法的参数selector 是可选的(optionally),用来过滤子元素,但find方法的参数selector方法是必选的。
⑤find方法事实上可以通过使用 jQuery( selector, context )来实现。即
(′li.item−ii′).find(′li′)等同于
(
′
l
i
.
i
t
e
m
−
i
i
′
)
.
f
i
n
d
(
′
l
i
′
)
等
同
于
(‘li’, ‘li.item-ii’).
4、获得子元素个数
//获取id=div1下的子元素的个数
$('#div1').children().length;
5、禁用滚动条
<body scoll=no> 全禁止
<body style="overflow:scroll;overflow-y:hidden"> 禁止纵向滚动条
<body style="overflow:scroll;overflow-x:hidden"> 禁止纵向滚动条
6、禁用radio
disabled="true"
7、JS中获取EL表达式
var ctx = "${ctx}";
8、清空td标签内容后加入HTML
$('#dsampleTimeTd').text("");
$('#dsampleCountTd').append(" 样品数量<font color='red'>*</font>:");
9、清空form表单
$("#searchForm").form("clear");
10、ie8不支持console.log()的解决方法
window.console = window.console || (function () {
var c ={};
c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile= c.clear = c.exception = c.trace = c.assert = function(){};
return c;
})();
11、checkbox获取选择值
<input type="checkbox" name="checkbox" value="checkbox1"> checkbox1
<input type="checkbox" name="checkbox" value="checkbox2"> checkbox2
<input type="checkbox" name="checkbox" value="checkbox3"> checkbox3
<input type="checkbox" name="checkbox" value="checkbox4"> checkbox4
<input type="checkbox" name="checkbox" value="checkbox5"> checkbox5
<input type="checkbox" name="checkbox" value="checkbox6"> checkbox6
<input type="checkbox" name="checkbox" value="checkbox7"> checkbox7
<input type="checkbox" name="checkbox" value="checkbox8"> checkbox8
$("input[name=checkbox][checked]").each(function(){
//由于复选框一般选中的是多个,所以可以循环输出
alert($(this).val());
});
12、判断一个控件是否存在
$("#fm").length > 0
13、使span在一行显示并限定宽度,显示不开的话则显示…
<span style="display:block;float:left;width:130px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap" id="name">名称:</span>