select(fn) 返回值:jQuery概述在每一个匹配元素的select事件中绑定一个处理函数。当用户在文本框(包括input和textarea)中选中某段文本时会触发select事件。参数fn Function在每一个匹配元素的select事件中绑定的处理函数。示例描述:当文本框中文本被选中时执行的函数:jQuery 代码:$(":text").select( function () { /* ...do something... */ } );
select() 返回值:jQuery概述触发每一个匹配元素的select事件这个函数会调用执行绑定到select事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。示例描述:触发所有input元素的select事件:jQuery 代码:$("input").select();
replaceAll(selector) 返回值:jQuery
概述
用匹配的元素替换掉所有 selector匹配到的元素。
在jQuery 1.3.2中,appendTo, prependTo, insertBefore, insertAfter, 和 replaceAll这个几个方法成为一个破坏性操作,要选择先前选中的元素,需要使用end()方法,参见 appendTo 方法的例二。
参数
selector选择器
用于查找所要被替换的元素
示例
描述:
把所有的段落标记替换成加粗标记
HTML 代码:
<p>Hello</p><p>cruel</p><p>World</p>
jQuery 代码:
$("<b>Paragraph. </b>").replaceAll("p");
结...
:selected 返回值:Array<Element(s)>
概述
匹配所有选中的option元素
示例
描述:
查找所有选中的选项元素
HTML 代码:
<select>
<option value="1">Flowers</option>
<option value="2" selected="selected">Gardens</option>
<option value="3">Trees</option>
</select>
jQuery 代码:
$("select option:selected")
结果:
[ <option value="2" selected="selected">Gardens</option> ]
...
[selector1][selector2][selectorN] 返回值:Array<Element(s)>
概述
复合属性选择器,需要同时满足多个条件时使用。
参数
selector1Selector
属性选择器
selector2Selector
另一个属性选择器,用以进一步缩小范围
selectorNSelector
任意多个属性选择器
示例
描述:
找到所有含有 id 属性,并且它的 name 属性是以 man 结尾的
HTML 代码:
<input id="man-news" name="man-news" />
<input name="milkman" />
<input id="letterman" name="new-letterman" />
<input name="newmil...
selector1,selector2,selectorN 返回值:Array<Element(s)>
概述
将每一个选择器匹配到的元素合并后一起返回。
你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内。
参数
selector1Selector
一个有效的选择器
selector2Selector
另一个有效的选择器
selectorN (可选)Selector
任意多个有效选择器
示例
描述:
找到匹配任意一个类的元素。
HTML 代码:
<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>
<p class="notMyClass">p class="notMy...
selector
概述
jQuery 1.3新增。返回传给jQuery()的原始选择器。
换句话说,就是返回你用什么选择器来找到这个元素的。可以与context一起使用,用于精确检测选择器查询情况。这两个属性对插件开发人员很有用。
示例
描述:
确定查询的选择器
jQuery 代码:
$("ul")
.append("<li>" + $("ul").selector + "</li>")
.append("<li>" + $("ul li").selector + "</li>")
.append("<li>" + $("div#foo ul:not([class])").selector + "</li>");
结果:
ul
ul li
div#foo ul:...
select
select(element) -> HTMLElement
选取文本输入框中包含的文本。
译注:该方法其实并未添加到已扩展的表单控件中,所以 $('inputElement').select() 调用的并不是这个方法,而是 JavaScript 原生的 select() 方法。Form.Element.focus() 方法也存在同样的问题。
样例
设置一些搜索框,当它们获得焦点时,自动选择它们的内容。
$('searchbox').onfocus = function() {
Form.Element.select(this)
// 你也可以使用原生的方法,但是那样的话将不会返回元素!如下:
this.select()
}
获取焦点 + 选择内容:使用 activate!
如果表单控件需要获取焦点并选择当前的文本内容,那么使用 activate 方法是一个...
select
select(iterator) -> Array
findAll 方法的别名。
select [1.6]
select(element, selector...) -> [HTMLElement...]
根据一个或多个指定的 CSS 选择器(字符串),在 element 中查找匹配其中任何一个选择器的后代节点, 返回数组,数组元素已经过 扩展。
该方法完全类似于 $$(),但只能用于一个元素的上下文中,而不是整篇文档。它们所支持的 CSS 语法完全相同,因此详细的描述请参考 $$()。
样例
<ul id="fruits">
<li id="apples">
<h3 title="yummy!">Apples</h3>
<ul id="list-of-apples">
<li id="golden-delicious" title="...
getElementsBySelector [不推荐]
getElementsBySelector(element, selector...) -> [HTMLElement...]
根据一个或多个指定的 CSS 选择器(字符串),在 element 中查找匹配其中任何一个选择器的后代节点, 并返回一个数组,数组中的元素已经过 扩展。
在 Prototype 1.6 中,不推荐使用 Element#getElementsBySelector 方法,建议使用更简洁的 Element#select。
这个方法类似于 $$(),但是它可以在一个元素的上下文中使用,而不是针对整篇文档。 它们支持的 CSS 语法相同,具体的细节请参考 $$() 的文档。
样例
<ul id="fruits">
<li id="apples">...
select(element, selector...) -> [HTMLElement...]
根据一个或多个指定的 CSS 选择器(字符串),在 element 中查找匹配其中任何一个选择器的后代节点, 返回数组,数组元素已经过 扩展。
该方法完全类似于 $$(),但只能用于一个元素的上下文中,而不是整篇文档。它们所支持的 CSS 语法完全相同,因此详细的描述请参考 $$()。
样例
<ul id="fruits">
<li id="apples">
<h3 title="yummy!">Apples</h3>
<ul id="list-of-apples">
<li id="golden-delicious" title="yummy!" >Golden Delicious</li>...
getElementsBySelector(element, selector...) -> [HTMLElement...]
根据一个或多个指定的 CSS 选择器(字符串),在 element 中查找匹配其中任何一个选择器的后代节点, 并返回一个数组,数组中的元素已经过 扩展。
在 Prototype 1.6 中,不推荐使用 Element#getElementsBySelector 方法,建议使用更简洁的 Element#select。
这个方法类似于 $$(),但是它可以在一个元素的上下文中使用,而不是针对整篇文档。 它们支持的 CSS 语法相同,具体的细节请参考 $$() 的文档。
样例
<ul id="fruits">
<li id="apples">
<h3 title="yummy!">Apples</h3>
...
我们用Select的onchange事件时,常会遇到这样一个问题,那就是连续选相同一项时,不触发onchange事件.select的onchange事件就是这样子的.你得有Change(改变),才能触发该事件....掌握了它的特性后,相应的解决办法也很简单.<select name=sel onchange="bao(this.options[this.options.selectedIndex].value)"><option value="">请选择<option value="1">Item 1<option value="2">Item 2<option value="3">Item 3</select><script>function bao(s){ txt.value+=s; //选择后,让第一项被选中,这样,就有Change啦. document.all.sel.options[0].s...
1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item 4删除select中选中的项 5修改select选项中 value="paraValue"的text为"paraText" 6设置select中text="paraText"的第一个Item为选中 7设置select中value="paraValue"的Item为选中 8得到select的当前选中项的value 9得到select的当前选中项的text 10得到select的当前选中项的Index 11清空select的项 js 代码// 1.判断select选项中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = fals...