jquery find用法

最新推荐文章于 2021-08-06 16:30:09 发布
最新推荐文章于 2021-08-06 16:30:09 发布
阅读量1.4k 收藏
点赞数
分类专栏： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fyhjuyol/article/details/44282311
版权

              .find ()  从父元素查找子元素：

     

<script type="text/javascript">
	 var find = function(){
	   var val = $("#tclx").find("option:selected");
	   if(val!=null)
	   {
	    alert("value>>>"+val.val());
	    alert("text>>>"+val.text());  //双标签里的文本
	   }
	   
	   var nx = $("#ns").find("input[name='nx']:checked");
	   if(nx!=null)
	   {
	    alert("年限代码："+nx.val());
	    alert("年限名："+nx.text()); //""
	    
	   }
	 } 
	 $(document).ready(function(){
	   $("#sb").bind("click",function(){
	    find();
	   });
	   
	 });
	</script>
  </head>
  
  <body>
  <div align="center"></div>
   <table width="50%" align="center">
   <tr>
     <td align="right">
      套餐类型：
     </td>
     <td align="left">
      <select id="tclx">
       <option value="" selected="selected">-请选择-</option>
       <option value="01">宽带a</option>
       <option value="02">宽带b</option>
       <option value="03">套餐c</option>
       <option value="04">套餐d</option>
      </select>
     </td>
   </tr>
   <tr>
     <td align="right">
          开通年限：
     </td>
     <td align="left" id="ns">
     <input type="radio" name="nx" value="11" >一年
     <input type="radio" name="nx" value="12" >两年
     <input type="radio" name="nx" value="13" >三年
     </td>
   </tr>
   <tr>
    <td align="right">
     <input type="button" id="sb" value="提交" />
    </td>
    <td align="left">
     <input type="button" id="sb" value="重置" />
    </td>
    
   </tr>
   </table>

奇横三
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html find id,jQuery find("#id")与find(".class")实例分析与比较
weixin_42297846的博客
06-16 2928
JQuery find()方法是用来查找某个或某些元素，find()参数可以是元素的id，也可以是元素的class类名，但两者得到的结果是不一样的，本文将详细介绍find()方法的使用方法。jQuery find()方法HTML实例代码子元素p1子元素p2子元素p3子元素p4子元素p5子元素p6子元素p1子元素p2子元素p3子元素p4子元素p5子元素p6$(function(){$("#btn...
jQuery遍历find()方法
qq_43742368的博客
05-26 500
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
ajax find,jQuery中find()方法用法实例
weixin_31951989的博客
08-06 523
本文实例讲述了jQuery中find()方法用法。分享给大家供大家参考。具体分析如下：此方法获得匹配元素集合中所有元素的子元素，并通过选择器、jQuery 对象或元素删选。find()方法是获取匹配元素后代元素的好方法。注意:children()只获取一级子元素，而find()将查找所所有子元素。语法结构一:$(selector).find(expr)参数列表:参数描述expr字符串值，定义筛选表...
jquery根据name属性查找
weixin_33805557的博客
10-18 956
$("div[id]") 选择所有含有id属性的div元素 $("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素 $("input[name!='keleyicom']") 选择所有的name属性不等于'keleyicom'的input元素 $("input[name^='keleyi']") 选择所有的name属性以'kele...
jQuery find和children方法使用
10-28
在JavaScript的DOM操作中，jQuery库提供了一系列便捷的方法来帮助开发者高效地操作DOM元素，其中`find`和`children`是两个常用的子元素查询方法。本文将详细解析这两个方法的使用，以及它们在实际开发中的应用场景。...
jQuery中find()方法用法实例
10-24
主要介绍了jQuery中find()方法用法,实例分析了find()方法的功能、定义及获取匹配元素后代元素的使用技巧,需要的朋友可以参考下
Jquery中find与each方法用法实例
10-24
主要介绍了Jquery中find与each方法用法,实例分析了find与each方法的功能、定义与使用技巧,需要的朋友可以参考下
jQuery中Find选择器用法示例
10-21
`find()`还可以与其他jQuery选择器结合使用，以提高查找的精确度。例如： ```javascript $("#container").find(".childElement:eq(0)") // 查找id为"container"的第一个子元素，类名为"childElement" ``` ### 6. ...
JQuery利用find查找子元素并修改其样式和属性
T型人小付的博客
09-08 9060
最近做项目遇到一个根据ajax结果自动更新form表单内元素的需求，涉及到JQuery关于子元素的一些操作，特意记录一下。 文章目录测试环境子元素查找修改元素样式和属性 测试环境 html如下 <div id="container"> <div id="box1"><span id="span1"></span></div> <div id="box2"><span id="span2"></span&
jQuery中filter()和find()和has()的用法区别
逸尘的专栏
03-12 7562
filter()、find()、has()是jquery中常用得三个函数，用法以及效果截然不同，对于初学者来说，往往分不清楚，关于三个函数的用法，简单解释一下。filter()方法-filter()过滤DOM元素包装集，是指操作当前元素集，删除不匹配的元素，得到一个新的集合。<ul> <li class="a">list item 1</li> <li>list item 2 <ul
jquery关于find（）和children（）的 问题？
lin15081575693的博客
01-19 663
问题是如果：$ul.find("li:eq("+$index+")")的时候，点击任何一个li如图一两个ul里面的li都会根据index（）而变色。而变成$ul.children("li:eq("+$index+")")的时候如图二，不管点击哪一个ul里面的li，只会第一个ul里面的li会变色。 A B C 1 2 3 $(function(){
jQuery 查找和过滤
JoshuaJosue的博客
05-04 352
find()方法 <!-- HTML结构 --> <ul class="lang"> <li class="js dy">JavaScript</li> <li class="dy">Python</li> <li id="swift">Swift</li> <...
jQuery中得到所有name为xxx开头的input的 | jQuery 事件 - delegate() (可用于未来的元素)
热门推荐
请叫我
11-08 1万+
jQuery中得到所有name为xxx开头的input的写法   // 本画面 $("input[name^='xxx']"); // 父画面 window.parent.$("input[name^='xxx']");   -------------------------------------   jQuery中得到所有name为xxx结尾的input的写法   $("
jquery中select操作append、prepend、remove、find、val、get、selectedIndex、attr、option
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
08-29 4845
全栈工程师开发手册 （作者：栾鹏） jquery系列教程2-DOM操作全解 jquery中select操作jquery中select操作函数和字段包括append、prepend、remove、find、val、get、selectedIndex、attr、option，具体功能如代码中注释。代码如下：$("#selectId").append("<option value='"+value+"'
使用jquery 遍历函数-find()、eq()
冰冻三尺非一日之寒
01-23 1万+
使用jquery 遍历函数-find()、eq()         一、背景        遍历表格时，获取某列的值。       二、举例说明         1） html主要的框架 如下：       显示顺序
jquery中的【children()与find()】、【html()与text()、val()】用法区别详解
weixin_42575028的博客
06-05 1063
一、jquery中children()与find()用法区别详解 1、children() 是一个筛选器，顾名思义就是筛选子元素，筛选那些符合条件的子元素。 jquery取索引使用eq函数。 eq() 选择器选取带有指定 index 值的元素。 index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。 经常与其他元素/选择器一起使用，来选择指定的组中特定序号的元素。 2、f...
jQuery的val用法
cruise技术博客
10-10 2687
query的val()方法不仅能够设置元素的值，同时也能获取元素的值。常见的操作是对文本框的操作，比如判断邮箱地址等 看下面的一个例子： 复制代码 代码如下: 代码： 复制代码 代码如下: $("#address").focus(function(){ // 地址框获得鼠标焦点 var txt_value = $(this).val(); /
jQuery中find()的使用
limengmeng9006的专栏
06-05 1082
返回值:jQueryfind(expr) 概述 搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。 所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。 参数 exprString 用于查找的表达式 示例 描述: 从所有的段落开始，进一步搜索下面的span元素。与$("p span")相
jquery find
最新发布
07-28
jQuery的find()方法用于查找指定元素的后代元素。 使用方法如下： ``` $(selector).find(filter) ``` 其中，`selector`是要查找的父元素选择器，`filter`是一个可选参数，用于进一步筛选后代元素。 示例： 假设我们有以下HTML结构： ```html <div id="parent"> <p>第一个段落</p> <ul> <li>列表项1</li> <li>列表项2</li> </ul> <p>第二个段落</p> </div> ``` 如果我们想查找`id`为`parent`的父元素下的所有`p`元素，可以使用以下代码： ```javascript var paragraphs = $('#parent').find('p'); ``` 这样，`paragraphs`将包含两个`p`元素。 希望这个例子能帮到你！如果你有更多问题，请继续提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值