</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!");
分享到：
相关推荐
本篇文章将详细讲解如何将`<input type="file">` 控件的“浏览”按钮和提示改为英文。 首先，我们需要理解`<input type="file">`的基本结构和属性。这个标签创建了一个可以点击的区域，用户可以通过点击打开本地...
【jquery插件】jquery.maskedinput-1.2.2.js
在处理表单提交，特别是涉及到文件上传时，jQuery提供了`jquery.form.js`插件，使得这个过程更加方便和灵活。本文将详细讨论如何使用jQuery Form插件来实现`type=file`的文件上传功能。 ### jQuery Form 插件介绍 ...
接着，为需要启用标签输入功能的`<input>`元素添加`type="text"`和`id`属性，并使用jQuery选择器初始化插件，例如： ```html <input type="text" id="tagInput" value=""> $(document).ready(function() { $('#...
选择器是jQuery的精髓，它极大地简化了CSS选择器的使用，如`$("#id")`用于选取ID为`id`的元素，`$(".class")`用于选取所有class为`class`的元素。DOM操作则允许我们方便地添加、删除和修改元素，如`$(element).html...
input id="getJsData" type="button" value="获取js值"/> <input id="getMessage" type="button" value="获取单个值"/> <input id="getUserInfo" type="button" value="获取UserInfo对象"/> &...
《jQuery.printArea.js：实现高效票据打印的利器》 在当今的Web开发中，与用户交互并提供便捷服务...无论是在电子商务平台、财务管理软件还是其他需要打印功能的应用中，jQuery.printArea.js都是一个值得信赖的选择。
《jQuery.marquee.js插件深度解析与应用指南》 在Web开发中，滚动效果常常用于吸引用户的注意力，jQuery.marquee.js就是一款专为实现这种滚动效果而设计的JavaScript插件。该插件基于广泛使用的jQuery库，使得创建...
本文将详细介绍如何使用`ajaxfileupload.js`这个jQuery插件，结合`input[type=file]`元素，实现无刷新的文件上传功能。 首先，`ajaxfileupload.js`是一个基于jQuery的轻量级插件，它允许开发者通过异步方式发送文件...
jQuery 1.8.3版本在功能上继承了jQuery一贯的优雅特性，包括选择器引擎（Sizzle）、链式调用、DOM操作、事件处理、动画效果和Ajax请求。其中，选择器引擎使得开发者可以通过CSS1-CSS3的选择器轻松选取DOM元素，而...
1. **选择器增强**：jQuery 2.0.3支持CSS3选择器，使得开发者可以通过更复杂的CSS规则来选取元素，提高了代码的灵活性和可读性。 2. **事件处理**：事件绑定和解绑的API更加简洁，同时增加了事件委托功能，使得动态...
`selector`可以是CSS选择器，如`$("#id")`选取ID为`id`的元素，`$(".class")`选取所有class为`class`的元素。 - `$(element).html()`：获取或设置元素的HTML内容。 - `$(element).append()`/`.prepend()`：在元素...
《jQuery.min.js：高效能的基础JavaScript库》 在Web开发领域，jQuery库以其简洁的语法、强大的功能和广泛的兼容性，赢得了开发者们的喜爱。而`jquery.min.js`是这个库的压缩版本，它将原本的jQuery库进行了优化，...
input type="button" value="Q"/><input type="button" value="W"/><input type="button" value="E"/><input type="button" value="R"/><input type="button" value="T"/><input type=...
jquery ajax上传组件JS. jquery-upload.min.js和jquery-1.11.0.min.js。 上传小文件图片，文件等非常合适。 详情可参考：http://blog.csdn.net/programmer_sir/article/details/29570935
该插件的两个主要版本是`jquery.maskedinput-1.3.js`和`jquery.maskedinput-1.3.min.js`，后者是经过压缩和优化的版本，适合生产环境使用。 2. **安装与引入** 要使用jQuery Masked Input插件，首先需要在页面中...
jquery.min.map is a good
在这个场景中，我们需要一个特定类型的`input`，即`type="text"`，但为了显示日期选择器，我们需要将其类型改为`type="date"`。这样的`input`标签会像这样编写： ```html <input type="date" id="datePicker" ...
jQuery date_input日期选择器 发一JQUERY插件jQuery date_input,是日期选择器..... 这个选择器是我已经修改过的,官方下载的选择界面是英文的,然后我把它又汉化了一下..根据中国国情,又修改了日期格式!! 效果图演示...
jquery.google.fastbutton.js解决jquery mobile 在手机显示点击按钮的300ms的延迟！