`

第07章 表单选择器

阅读更多

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表单选择器</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="demo.js"></script>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>
<form>
	<input type="hidden" name="id" value="123" />
	<input type="text" disabled="disabled" name="user" value="123" />
    <input type="password"  name="pass" value="456" />
    <textarea></textarea>
    <select name="city">
    	<!--option value="123">123</option-->
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>
    <button></button>
    <input type="radio" name="sex" value="男" checked="checked" />男
    <input type="radio" name="sex" value="女" />女
</form>
</body>
</html>

 

demo.js

$(function(){
	//alert($('input').size());
	//alert($('input').val());
	//alert($('input').eq(1).val()); //这种写法语义不清晰
	//alert($('input[type=password]').val()); //语义清晰一点
	//alert($('input[name=user]').val());//推荐
	//alert($('input[type=password][name=pass]').val());
	//alert($('input').size());
	//alert($(':input').size());
	//alert($(':input[name=city]').val());
	//alert($(':text').size());
	//alert($(':password').size());
	//alert($(':radio').size());
	//alert($(':radio[name=sex]').eq(1).size());
	//alert($(':radio[name=sex]').last().size());
	//alert($('form :hidden').size());
	
	//alert($('form :enabled').size());
	//alert($('form :disabled').size());
	//alert($('form :checked').size());
	//alert($('form :selected').get(0));
	
	alert($('form :selected').size());
});

 

 

 

  • 7-.rar (74 KB)
  • 下载次数: 0
分享到:
评论

相关推荐

    全栈工程师开发8个阶段(27.32G)

    ---第07章嵌套循环 3.高级特性视频 ---第八章 ---第二章 ---第六章 ---第七章 ---第三章 ---第四章 ---第五章 ---第一章 4.mysql+JDBC ---jdbc ---mysql 5.jQuery制作网页特效 ---1.javaScript基础 ---2.javaScript...

    javascript

    第07章 语句 第08章 对象简介 第09章 全局对象 第10章 函数 第11章 数组 第12章 对象模型与事件处理 第13章 窗口与框架 第14章 文档操作 第15章 表单操作 第16章 其他对象操作 第17章 Cookie 第18章 文档对象模型 第...

    精通JavaScript+jQuery Part1

     第6章 用CSS设置表格与表单的样式   6.1 控制表格   6.2 表格实例一:隔行变色   6.3 表格实例二:鼠标经过时变色的表格   6.4 表格实例三:日历   6.5 CSS与表单   6.6 综合实例一:直接输入...

    python入门到高级全栈工程师培训 第3期 附课件代码

    07 jquery选择器 08 jquery的查找筛选器 09 jquery练习之左侧菜单 第44章 01 jquery属性操作之html,text,val方法 02 jquery循环方法和attr,prop方法 03 jquery模态对话框与clone的应用 04 jqueryCSS操作之offsets,...

    ASPNET35开发大全第一章

    第1章 认识ASP.NET 3.5 1.1 什么是ASP.NET 1.1.1 .NET历史与展望 1.1.2 ASP.NET与ASP 1.1.3 ASP.NET开发工具 1.1.4 ASP.NET客户端 1.1.5 ASP.NET 3.5新增控件 1.1.6 ASP.NET 3.5 AJAX 1.2 .NET应用程序需框架 1.2.1 ...

    四大专题全面实践-全栈软件测试课程 全栈测试技术+移动端测试+Web端测试+测试方法

    ├─07、CSS基础、选择器.mp4 ├─08、CSS练习,派生选择器.mp4 ├─09、样式表的三种使用方式.mp4 ├─说明.txt (3)\第03章 HTML5+CSS1;目录中文件数:4个 ├─10、HTML5简介及新标签的使用.mp4 ├─11、HTML5新增...

    《精通CSS+DIV网页样式与布局》光盘源码

     第6章 用CSS设置表格与表单的样式   6.1 控制表格   6.2 表格实例一:隔行变色   6.3 表格实例二:鼠标经过时变色的表格   6.4 表格实例三:日历   6.5 CSS与表单   6.6 综合实例一:直接输入...

    JavaScript DOM高级程序设计 Part I

    第七章 向应用程序中加入Ajax 7.1 组合的技术 ... 7.1.5 Ajax是正确的选择吗 7.2 为什么Ajax会破坏网站及如何解决 ... 第八章 案例研究:实现带进度条的一部分文件上传功能 第九章 通过库来提高生产力 9.1 ...

    JavaScript DOM高级程序设计 Part II

    第七章 向应用程序中加入Ajax 7.1 组合的技术 ... 7.1.5 Ajax是正确的选择吗 7.2 为什么Ajax会破坏网站及如何解决 ... 第八章 案例研究:实现带进度条的一部分文件上传功能 第九章 通过库来提高生产力 9.1 ...

    精通CSS.DIV.网页样式与布局 源码

     第6章 用CSS设置表格与表单的样式   6.1 控制表格   6.2 表格实例一:隔行变色   6.3 表格实例二:鼠标经过时变色的表格   6.4 表格实例三:日历   6.5 CSS与表单   6.6 综合实例一:...

    精通CSS+DIV网页样式与布局Part1

     第6章 用CSS设置表格与表单的样式   6.1 控制表格   6.2 表格实例一:隔行变色   6.3 表格实例二:鼠标经过时变色的表格   6.4 表格实例三:日历   6.5 CSS与表单   6.6 综合实例一:直接输入...

    精通CSS+DIV网页样式与布局

     第6章 用CSS设置表格与表单的样式   6.1 控制表格   6.2 表格实例一:隔行变色   6.3 表格实例二:鼠标经过时变色的表格   6.4 表格实例三:日历   6.5 CSS与表单   6.6 综合实例一:直接输入...

    轻松搞定Extjs_原创

    第七章:格式化 40 一、用户需要优秀体验的内容 40 二、Ext.util.Format类 40 三、再谈XTemplete 44 四、如果连Format都不能满足XTemplete的需要呢? 45 五、小结 45 第八章:Extjs组件结构 46 一、Extjs的组件结构...

    精通CSS.DIV网页样式与布局视频01

     第6章 用CSS设置表格与表单的样式   6.1 控制表格   6.2 表格实例一:隔行变色   6.3 表格实例二:鼠标经过时变色的表格   6.4 表格实例三:日历   6.5 CSS与表单   6.6 综合实例一:直接输入...

    精通CSS+DIV网页样式与布局视频教材

    第6章 用CSS设置表格与表单的样式 6.1 控制表格 6.1.1 表格中的标记 6.1.2 表格的颜色 6.1.3 表格的边框 6.2 表格实例一:隔行变色 6.3 表格实例二:鼠标经过时变色的表格 6.4 表格实例三:...

    最新CSS3学习视频教程 33讲完整版 后盾网CSS3视频教程

    ├02 css3文本选择器 表单选择器 子选择器.mp4 ├03 rgba 字体单位 text-shadow box-shadow.mp4 ├04 盒子尺寸 box-sizing 分栏 background-size linear-gradient outline.mp4 ├05 利用media方式实现pc端响应式布局...

    锋利的jQuery书中源代码

    找了很久终于搞到了锋利的jQuery书中源代码,真不错,希望与各位分享:-) 本书内容的编排 jQuery介绍--&gt;选择器--&gt;DOM操作--&gt;事件和动画--&gt;Ajax应用--&gt;插件--&gt;...第6篇是第七章的插件的API 第7篇是jQuery API速查表.

    JavaScript应用177例

    第7章(\cha07) 代码说明:本章代码只能在Mozilla Firefox中运行。 7.1.htm 事件流 7.2.htm DOM2鼠标事件 7.3.htm 取消默认动作 7.4.htm 创建DOM2事件 第8章(\cha08) 8.1....

Global site tag (gtag.js) - Google Analytics