在jquery中,可以给所有指定的标签设置一个class属性,从而获得对象进行统一操作。下面小编举例讲解jquery如何获得某标签内的所有指定标签。
工具/原料
1
html+jquery
2
代码编辑器:Zend Studio 8.0.0
方法/步骤
2
在test.html文件内,在div标签内,使用p标签,span标签,a标签创建三行内容,代码如下:
3
在test.html文件内,设置div标签内的p标签,span标签的class属性为myhtml,主要用于下面通过该class获得标签对象。
4
在test.html文件内,使用button标签创建一个按钮,按钮名称为“设置指定标签文字颜色”。
5
在test.html文件内,给button按钮绑定onclick点击事件,当按钮被点击时,执行setcolor()函数。
6
在js标签中,创建setcolor()函数,在函数内,使用$符合通过class获得div标签内指定的两个标签对象,使用css()方法设置它们的文字颜色为红色。
7
在浏览器打开test.html文件,点击按钮,查看实现的效果。
总结:
1、创建一个test.html文件。 2、在文件内,在div标签内,使用p标签,span标签,a标签创建三行内容,设置div标签内的p标签,span标签的class属性为myhtml,同时创建一个button按钮,用于触发执行js函数。 3、在js标签内,创建函数,在函数内,使用$符合通过class获得div标签内指定的两个标签对象,使用css()方法设置它们的文字颜色为红色。
注意事项
类名对象选择器可以选取多个同一类名的标签对象。
上一篇:HTML标签有哪些?