宝哥软件园

jQuery搜索子元素的方法

编辑:宝哥软件园 来源:互联网 时间:2021-10-13

本文描述了jQuery搜索子元素的方法。分享给大家参考。具体分析如下:

1.children()方法。

用于获取包含匹配元素集中每个元素的所有子元素的元素集,语法格式如下:复制代码如下: children([selector])$(' # menu _ ul ')。儿童()。CSS('颜色','蓝色');

2.find()方法。

它用于从每个匹配元素中查找符合指定选择器表达式的后代元素。格式如下:复制代码如下: find([选择器]) $ ('ul ')。查找(' span ')。CSS('颜色','蓝色');//将ul元素下span元素的文本元素设置为蓝色。

示例代码如下:复制代码如下:DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML L1-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 src=' http 3360 jquery-1 . 4 . 2 . js ' type=' text/JavaScript '/script script language=' JavaScript ' type=' text/JavaScript ' $(文档)。ready(function(){ $('#login '))。子代(' input ')。css('背景',' # FCF ');//设置背景色$ ('# login ')。目录()。div元素的直接子元素的CSS ('color ',' red ');//设置指定元素$ ('# tab ')的字节点的文本颜色。查找(' TD ')。CSS('边框',' 1px纯蓝')。CSS('颜色','绿色');//设置指定div元素下td元素的边框和字体颜色})/脚本/头体h3搜索指定元素的子元素/h3 div div id='login '用户名:输入类型='text '值='用户名'/Password:输入类型='password '值=' password'/divinput类型='submit '值=' log in '/输入类型='reset '值=' reset '/Div/Div id=' tab '表格宽度=' 452 '高度=' 176 '边框=' 1' tr TD

效果图如下:

希望本文对大家的jQuery程序设计有所帮助。

更多资讯
游戏推荐
更多+