</head>
<body>
<div class="ed">
<input type="text"></input>
<input type="text"></input>
<input type="button"><input>
</div>
</body>
<script>
(function(){
$(".ed input[type='button']").val("hello");
})();
</script>
</html>
jquery 选择器是十分强大的,但在使用时,应该注意其效率问题,在sitepoint
上的新文章总结的比较好http://www.sitepoint.com/efficient-jquery-selectors/,小结了,如下:
1 尽可能使用id属性
尽可能使用id属性去选择元素,这样即使在旧的浏览器,速度也会很快
$("#myelement");
2 避免只使用 class属性去搜索
比如$(".myclass");
这样,在IE 6/7等旧点的浏览器中,必须检查页面上所有的元素,以确定.myclass能否被应用,应该这样:
$("div.myclass");
3 让选择器尽可能简单,不要使用多于3层的选择器,比如
$("body #page:first-child article.main p#intro em");
4 注意选择器的顺序
比如:$("p#intro em"); 中,
jquery会将每个em元素加载到数组中,如果em元素一多起来,效率会低,可以采用如下两个方法解决:
$("em", $("p#intro")); // or
$("p#intro").find("em");
5 避免重复选择
$("p").css("color", "blue");
$("p").css("font-size", "1.2em");
$("p").text("Text changed!");
可以写成:
$("p").css({ "color": "blue", "font-size": "1.2em"}).text("Text changed!");
如果要多次用jquery对象的话可以先把其保存为变量,再操作,比如
var $p = $("p");
$p.css("color", "blue");
$p.text("Text changed!");
分享到：
相关推荐
这个选择器是jQuery选择器的一个特殊形式，它允许开发者方便地操作用户界面中用户已经做出选择的元素。 `:checked`选择器的基本语法非常简单，就像这样： ```javascript $(":checked") ``` 这行代码会返回页面上...
1. 使用`$(‘input[type=checkbox]’)`：这是jQuery选择器的一种，它选取了页面中所有类型为checkbox的input元素。`[]`内的是属性选择器，用于匹配特定属性值的元素。 2. `.is(‘:checked’)`：这是jQuery的方法，...
<input type="button" value="查询" onclick="sy.memberInfo.userSearch_Member();" /> ``` 在查询按钮的点击事件处理函数`sy.memberInfo.userSearch_Member()`中，我们通常会设置Combogrid的查询参数并...
在jQuery中，通过事件监听器可以绑定特定事件（如点击）到页面元素上，并定义相应的事件处理函数来实现复杂的交互逻辑。通过操作DOM元素的属性，可以实现对页面内容的动态更新。 6. 版本控制的意识： 文档中特别...
这个函数接受一个元素选择器和一个布尔值，然后找到该元素下的所有`textfield`并设置它们的`disabled`属性。 在实际应用中，根据需求选择合适的属性至关重要。例如，如果希望用户能查看内容但不能修改，可以选择`...
`$("#exportChartBtn")`是jQuery选择器，用来选取ID为`exportChartBtn`的元素。 ### 2. `removeAttr()`方法 `removeAttr()`是jQuery的方法，用于移除元素的一个或多个属性。在这个例子中，`$exportChartBtn....