jquery选择器的选择使用及性能介绍
对于写在<script></script>中的代码,一般在JS环境,我们一般把代码写在window.onload=function(){...}代码块里,这个意思是说,当页面加载完成后,再执行JS代码块,而对于JQ来说,它也有类似的方法$(function(){...});我们把代码段写在这里面。有时如果不想那样写(这样写一般把JS代码放在了<head></head>标记里,但这样会影响页面加载的速度),可以把JS代码写在<body></body>的最底下。
ID选择器
. 代码如下:
alert($("#name").val()); //输出ID为name的input元素的值
类选择器
. 代码如下:
alert($(".nameclass").val()); //输出具有css名为nameclass的input元素的值
特殊选择器
. 代码如下:
alert($("input[type=text][name=name]").val()) //输出类型为text,name为name的input元素的值
. 代码如下:
//选中指定的select元素:
function chekStatus(o) {
$('#OrderStatus').find('option[value=' + o + ']').attr('selected', true);
$('#search_btn').trigger();
}
//全选
$('#SelectAll').click(function() {
if (this.checked) {
$('.forShop:not(:checked)').each(function() {
this.click();
});
}
else {
$('.forShop:checked').each(function() {
this.click();
});
}
});
//是否有选中项
$('#delSelectProduct').click(function() {
if ($('.protuctitem:checked').size() == 0) {
alert('请选择宝贝');
return false;
}
//根据索引,选中指定的option,并为option添加ver等事件。