jQuery系列讲座:第3节:jQuery选择器-基本选择器讲师:尚学堂老齐
JavaScript的操作对象JavaScript是Web前端开发的基石,用于完成用户的交互操作,例如:提交表单document.getElementById(form).submit();清空班级下拉框中的所有选项document.getElementById(classes).length=0;将第一个图片进行放大document.getElementsByTagName(img).style.width=500px;将第二个兴趣复选框选中document.getElementsByName(fun)[1].checked=checked;其实所谓的JavaScript操作就是在哪些元素上做什么事情
JavaScript开发中遇到的问题在JavaScript中用于获取组件的方法通常用以下3个:document.getElementById()//利用组件ID获取对象document.getElementsByName//利用name属性获取多个对象document.getElementsByTagName//利用元素标签名获取但这三个方法不是万能的,假如我们遇到以下需求就麻烦了:name属性中是个包含container字符串的组件删除将当前页面中第三个元素隐藏将当前页面中存放在div里面的超链接文本颜色变成紫色幸好,在jQuery中为我们提供了选择器selector
jQuery中的选择器jQuery选择器就是为了解决Web前端编程的时候如何获取组件的问题jQuery选择器的基本语法:jQuery(选择器表达式)或者$(选择器表达式)其中选择器表达式是我们要学习的重点内容
jQuery选择器的种类选择器表达式按功能与用途区分,可分为8类:基本选择器属性选择器位置选择器层叠选择器内容过滤器表单过滤器子过滤器可见性选择器今天我们来学习基本选择器
jQuery基本选择器基本选择器的语法AllSelector(*)所有选择器,获取当前页面中所有对象ClassSelector(.class)类选择器,选择当前页面中拥有执行CSS类的对象ElementSelector(element)元素选择器,选择指定标签名的选择器IDSelector(#id)ID选择器,指定Id元素的对象MultipleSelector(selector1,selector2,selectorN)组合选择器,对元素进行组合