当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jquery选择器的选择使用及性能介绍

jquery选择器的选择使用及性能介绍

2018年05月30日  | 移动技术网IT编程  | 我要评论

对于写在<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等事件。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网