以下内容均是来自《锋利的jQuery》,发到这里,纯属做个笔记,方便查阅。
直接看代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery-1.3.1.js">
</script>
<script type="text/javascript">
$().ready(
function() {
//表单对象属性过滤选择器
//1改变表单内可用元素的值
//$('#form1 input:enabled').val("这里变化了");
//2改变表单内不可用元素的值
//$('#form1 input:disabled').val("这里变化了");
//3选取多选框中选中的个数
//alert($('#form1 input:checked').length);
//4选取下拉框中选中的内容
alert($('#form1 select :selected').length);
}
);
</script>
</head>
<body>
<form action="" id="form1">
可用元素:<input name="add" value="可用文本框"/><br/>
不可用元素:<input name="email" disabled="disabled" value="不可用文本框"/><br/>
可用元素:<input name="che" value="可用文本框"/><br/>
不可用元素:<input name="name" disabled="disabled" value="不可用文本框"/><br/>
<br/>
多选框:<br/>
<input type="checkbox" name="newsletter" checked="checked" value="test1"/>test1
<input type="checkbox" name="newsletter" value="test2"/>test2
<input type="checkbox" name="newsletter" value="test3"/>test3
<input type="checkbox" name="newsletter" checked="checked" value="test4"/>test4
<input type="checkbox" name="newsletter" value="test5"/>test5
<div></div>
<br/><br/>
下拉列表:<br/>
<select name="test" multiple="multiple" style="height:100px">
<option>浙江</option>
<option selected="selected">湖南</option>
<option>北京</option>
<option selected="selected">天津</option>
<option>广州</option>
<option>湖北</option>
</select>
<br/><br/>
下拉列表2:<br/>
<select name="test2">
<option>浙江</option>
<option>湖南</option>
<option selected="selected">北京</option>
<option>天津</option>
<option>广州</option>
<option>湖北</option>
</select>
<div></div>
</form>
</body>
</html>
分享到:
相关推荐
外国高手弄的测试页面,我改了一点点 原网址 http://stevewellens.com/jQuerySelectorTester.htm
jquery常用操作,jquery一些常用的操作,很实用哦
jQuery中的常用选择器
主要介绍了常用jQuery选择器总结,总结的很简洁,很容易看明白和学会它,需要的朋友可以参考下
jQuery常用的选择器分类及其用法 一、基本选择器 3 1. id选择器(指定id元素) 3 2. class选择器(遍历css类元素) 3 3. eleme
整理了一套JQuery的常用方法,常用的选择器,各个选择器的区别,实际开发中遇到的问题,与解决问题的常用方法。
本文实例讲述了JQuery常用选择器功能与用法。分享给大家供大家参考,具体如下: JQuery基础回顾 今天对JQuery内容进行了回顾,下面进行一些总结: JQuery是javascript的一个库,所以二者可以相互转换,例如JQuery到...
本文为大家分享了jQuery常用选择器的具体代码,供大家参考,具体内容如下 1、jQuery:(使用jQuery一定标明我们使用的版本号) 它是一个使用原生的JS来封装的常用的方法的类库(解决了浏览器的兼容问题) 2、...
Java面试题39.jQuery中的常用选择器.mp4
常用位置选择器的用法 选择第一个 格式:$(selector:first); 选择最后一个 格式:$(selector:last) 选择奇数 格式:$(selector:odd) 偶数行 格式:$(selector:even) 获取指定位置 格式:$(selector:eq(n)) ...
jQuery编写的常用商城商品属性选择器
jQuery 选择器详细列表,里面列出常用的jQuery选择器语法并且做了详细的说明,是一个不错工具书。
学习【js DOM 编程艺术】,最后面有许多jQuery的选择器,每个都动手敲了一遍。 jQuery 提供了高级选择器的方法。 j s获取元素的三个基本方法分别是通过标签名,类名和id,即(getElementsByTagName, ...
主要介绍了jquery中each方法使用及常用选择器都有哪些,需要的朋友,可以参考下
jQuery选择器:jQuery的Document元素选择 1。 从$开始 2。xpath+css 3。常用自定义选择器
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $(“#myELement”) 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $(“div”) 选择...
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法