欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-08 15:47:58
对于写在中的代码,一般在JS环境,我们一般把代码写在window.onload=function(){...}代码块里,这...

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