使用JavaScriptjQuery实现页面特效第七章-理论.pptVIP

7.2 jQuery选择器 表单对象属性过滤选择器 选择器 功能 :enabled 选取可用的表单元素 :disabled 选取不可用的表单元素 :checked 选取被选中的input元素 :selected 选取被选中的option元素 使用表单选择器和表单对象属性过滤选择器锁定DOM元素。 1．在一个表单中，创建两个文本框对象，给其中一个文本框添加disabled=disabled属性。当单击按钮时，高亮显示可用的文本框。 2．创建三个单选按钮，调查用户对旅游的态度，当单击按钮时，被选中的单选按钮高亮显示。 3．创建四个复选框，让用户选择感兴趣的运动，当单击按钮时，被选中的复选框高亮显示。 4．创建一个下拉列表框，让用户选择喜爱的足球球星，当单击按钮时，显示选择的球星的名字。 7.2 jQuery选择器 7.2 jQuery选择器 $(function(){ //页面加载完毕事件 $(#pa :button).click(function(){ $(#pa :text:enabled).css(border,1px solid #039); }) $(#pb :button).click(function(){ $(#pb :radio:checked).css(background-color,#63C); }); $(#pc :button).click(function(){ $(#pc :checkbox:checked).css(background-color,#63C); }); $(#pd :button).click(function(){ var info=您最喜欢的球星是：; info+=$(#pd :input option:selected).val(); alert(info);; }); }); ....... p id=pa input type=text value=可用文本框 class=txt/ input type=text value=不可用文本框 disabled=disabled class=txt / input type=button value=选取可用文本框 / /p ...... 选择器#pa后的空格表示获取后代元素 总结 jQuery的基本功能是访问和操作DOM元素、控制页面样式、对页面事件进行处理、提供大量插件以及与Ajax技术的完美结合。 搭建jQuery开发环境的步骤是先下载jQuery文件库，再引入jQuery文件库。 jQuery中基本选择器有“#id”、“.class”、“element”和“*”。 基本过滤选择器有“:first”、“:last”、“:not”、“:even”、“：odd”、“:eq”、“:gt”、“:lt”、“:header”和“：animated”。 内容过滤选择器有“：contains”、“:empty”、“:has”和“:parent”。 可见性过滤选择器有“：hidden”和“:visible”。 属性过滤选择器有“[attribute]”、“[attribute=value]”和“ [attribute=!value]”等。 层次选择器有“selector1 selector2”、“ selector1 selector2”、“ selector1 +selector2”和“ selector1 ~selector2”。 表单选择器有“:input”、“:text”、“:password”、“:radio”和“:checkbox”等。 表单对象属性过滤选择器有“：enabled”、“:disabled”、“:checked”和“:selected”。 Title Here Data 1 Bla bla bla bla bla bla bla bla bla Bla bla bla Data 2 Bla bla bla bla bla bla bla bla bla Bla bla bla Bla bla bla bla bla bla bla bla bla Bla bla bla Data 4 Bla bla bla bla bla bla bla bla Bla bla bla Data 3 Conclusion .. Bla bla bla bla bla bla bla bla bla Bla bla bla Bla bla bla bla bla bla bla bla bla Bla bla bla Bla bla bla bla bla bla bla bla bla Bla