`

jQuery之搜索子元素

 
阅读更多
1:children()方法

      用于获取一个包含匹配的元素集合中每一个元素的所有子元素的元素集合,语法格式如下:

      children([selector])

     $("#menu_ul").children().css("color", "blue");


2:find()方法

      用于从每个匹配元素中查找符合指定选择器表达式的后代元素,格式如下:

          find([selector])

       $("ul").find("span").css("color", "blue");  将ul元素下的span元素的文本元素设置为蓝色

3,jquery获取ID以XX开头
   // 你的cell 包含有没有规定在前面,还是后面,还是只要包含都在内
    搜索
    // tr包含cell的id
     $('tr[id*="cell"]');

    // tr以cell开关的id
    $('tr[id^="cell"]');

    // tr以cell结尾的id
    $("tr[id$='cell']);



    <!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 src="jquery-1.4.2.js" type="text/javascript"></script> 
    <script language="javascript" type="text/javascript"> 
       $(document).ready(function(){ 
          $("#login").children("input").css("background","#FCF");//给div元素的直接子元素设置背景色 
          $("#login").contents().css("color","red");     //设置指定元素字节点的文本颜色 
          $("#tab").find("td").css("border","1px solid blue").css("color","Green");//设置指定div元素下的td元素的边框及字体颜色 
          }) 
    </script> 
    </head> 
     
    <body> 
    <h3>搜索指定元素的子元素</h3> 
    <div> 
        <div id="login"> 
            用户名:<input type="text"  value="用户名"/> 
            密码:<input type="password" value="密码" /> 
            <div><input type="submit"  value="登录"/><input type="reset"  value="重置"/></div> 
        </div> 
     
       <div id="tab">  
          <table width="452" height="176" border="1"> 
      <tr> 
        <td>单元格</td> 
        <td>单元格</td> 
      </tr> 
      <tr> 
        <td>单元格</td> 
        <td>单元格</td> 
      </tr> 
      <tr> 
        <td>单元格</td> 
        <td>单元格</td> 
      </tr> 
      <tr> 
        <td>单元格</td> 
        <td>单元格</td> 
      </tr> 
      <tr> 
        <td>单元格</td> 
        <td>单元格</td> 
      </tr> 
    </table> 
     
      </div> 
    </div> 
    </body> 
    </html> 
分享到:
评论

相关推荐

    jQuery 1.7 中文API

    - `.find()` 在元素集合中搜索子元素。 - `.filter()` 过滤匹配指定条件的元素。 - `.not()` 从集合中排除匹配的元素。 - `.first()` 和 `.last()` 获取集合中的第一个或最后一个元素。 ### 七、Ajax操作 jQuery...

    jquery-1.5.js及其API下载

    - `.find(selector)`:在当前元素集合中搜索子元素。 - `.siblings()`:获取当前元素的所有同级元素。 - `.children()`:获取当前元素的所有直接子元素。 #### DOM 操作 - `.html()`:设置或获取元素的HTML内容。 ...

    Jquery API

    - `find()`:在匹配元素集合中搜索子元素,根据提供的选择器返回匹配的元素。 - `parent()`:返回匹配元素集合中每个元素的直接父元素。 - `siblings()`:返回匹配元素集合中每个元素的所有同级元素。 3. **操作...

    jQuery-1.6-api

    - `.find()`:在匹配的元素集合中搜索子元素。 - `.parent()`,`.parents()`:查找元素的父节点或所有祖先节点。 - `.children()`,`.contents()`:获取元素的子元素或所有子节点(包括文本节点)。 - `....

    jQuery 1.2 API 参考文档中文版

    `.find()`方法允许在匹配的元素集合中搜索子元素。 四、事件处理(Events) jQuery的事件处理机制使得绑定和解绑事件变得简单。`$(selector).click(function)`用于绑定点击事件,`.bind('event', function)`则可以...

    基于web的同城拼车服务系统的设计与实现信息检索子系统.doc

    【基于Web的同城拼车服务系统的设计与实现信息检索子系统】 随着互联网技术的飞速发展,基于Web的同城拼车服务系统已经成为解决城市交通问题的有效途径。本系统旨在提供一个直观、便捷的拼车平台,通过集成地图API...

    软件工程毕业设计-基于web的同城拼车服务系统的设计与实现信息检索子系统.doc

    基于 Web 的同城拼车服务系统的设计与实现信息检索子系统 本文是关于基于 Web 的同城拼车服务系统的设计与实现信息检索子系统的毕业设计论文。该系统旨在解决当前交通拥堵、环境污染、油价高企等问题,通过互联网...

    基于web的同城拼车服务系统的设计与实现信息检索子系统大学论文.doc

    JS+Jquery+Ajax+DOM用于实现动态验证和效果,提高交互性。 3. 后端开发:利用PHP的开源性和灵活性,结合WAMP开发环境,缩短开发周期。同时,应用Smarty模板和MVC模式,分离页面与程序,便于后期维护。 4. 用户管理:...

    MATLAB(1).rar_最用化+matlab_精确线搜索_线搜索

    3. MATLAB代码实现:提供了一个或多个MATLAB函数,用于实现最速下降法,可能包括自定义的线搜索子函数。 4. 示例和应用:可能包含示例函数和相应的优化过程,帮助理解算法的运行方式和效果。 5. 注意事项和优化技巧...

    Armijo线搜索的FR法求解非线性函数结果

    在压缩包中的"FR法"可能包含实现上述过程的MATLAB代码示例,包括函数定义、主程序和可能的辅助函数,如梯度计算和线搜索子程序。通过阅读和理解这些代码,我们可以学习如何在实际问题中应用FR法和Armijo线搜索策略来...

    子集树问题 试设计一个用回溯法搜索子集空间树的函数。该函数的参数包括结点可行性判定函数和上界函数等必要的函数,并将此函数用于解装载问题。

    子集树问题是指从一组元素中选取部分元素构成子集的问题,这类问题的特点是解空间可以被看作一棵树,树中的每个节点代表一个部分解,而根节点到叶节点的路径则代表一个完整的解。在本例中,我们将利用回溯法解决装载...

    基于Web的同城拼车服务系统的设计与实现----信息检索子系统毕业设计.doc

    在本篇毕业设计中,基于Web的同城拼车服务系统主要关注的是信息检索子系统的构建。随着汽车普及带来的环境和交通问题,拼车作为一种环保、经济的出行方式日益受到重视。设计并实现这样一个系统,旨在提供一个直观、...

    基于web的同城拼车服务系统的设计与实现信息检索子系统设计大学本科毕业论文.doc

    基于web的同城拼车服务系统的设计与实现信息检索子系统设计大学本科毕业论文.doc

    C++获取指定目录下的所有文件

    这个知识点可以分为四个部分:获取指定目录下的所有文件(不搜索子文件夹)、获取指定目录下的所有文件(搜索子文件夹)、获取指定格式的文件(不搜索子文件夹)和测试。 获取指定目录下的所有文件(不搜索子文件夹...

    MultiPar:存档工具

    它是“ MultiPar选项”窗口中“客户端行为”选项卡上“创建选项”部分中的“不搜索子文件夹”选项。 虽然它仍在“创建选项”部分下,但现在会影响验证和修复以供实验使用。 在命令行中,选项“ / fo”可用于验证...

    用Python实现最速下降法求极值的方法

    对于一个多元函数,用最速下降法(又称梯度下降法)求其极小值的迭代格式为 其中为负梯度方向,即最速下降方向,αkαk为搜索步长。 一般情况下,最优步长αkαk的确定要用到线性搜索...线性搜索子函数 ''' import n

    相关subreddits搜索与可视化

    Reddit API允许开发者检索子论坛的信息,包括帖子、评论、用户信息等。你可以使用`fetch`函数或者第三方库如`axios`来发送HTTP请求,并解析返回的JSON数据。 2. **处理API限制**:大多数API都有请求频率限制,...

Global site tag (gtag.js) - Google Analytics