首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

获取jquery中div的特定输入(子)元素的id或类名

在jQuery中,要获取特定输入(子)元素的id或类名,可以使用以下方法:

  1. 通过id属性获取元素:
  2. 通过id属性获取元素:
  3. 这里的divId是要获取的div元素的id,input是要获取的子元素的标签名。inputId将保存子元素的id。
  4. 通过类名获取元素:
  5. 通过类名获取元素:
  6. 这里的divId是要获取的div元素的id,input是要获取的子元素的标签名。inputClass将保存子元素的类名。
  7. 获取所有子元素的id或类名:
  8. 获取所有子元素的id或类名:
  9. 这里的divId是要获取的div元素的id,input是要获取的子元素的标签名。通过each方法遍历所有子元素,然后分别获取每个子元素的id和类名。

以上是获取特定输入(子)元素的id或类名的方法。在实际应用中,可以根据具体需求进行相应的处理和操作。

腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jQuery基本操作

,文本处理) 选择器 基本  #id    #id //用于搜索,通过元素id属性给定值 描述:(查找ID为myDiv元素) HTML代码: <div id="...addClass(class|fn) //概述 //为每个匹配元素添加指定· class 一个多个要添加到元素CSS,请用空格分开· function(index,class).../从所有匹配元素删除全部或者指定· class 一个多个要删除CSS,请用空格分开 function(index,class) 此函数必须返回一个多个空格分隔class,接受两个参数...· class 一个多个要删除CSS,请用空格分开· function(index,class) 次函数必须返回一个多个空格分隔class.接受两个参数,index参数为对在这个集合索引值...(index,class,wsitch)[,switch] 1·用来返回在匹配元素集合每一个元素上用来切换样式一个函数·接收元素索引位置和元素样式作为参数· 2·一个用来判断样式添加还是移除

7.5K20
  • JQuery从入门到实战

    --引入 jQuery 文件--> // JS方式,通过id属性值来获取div元素...JS DOM 对象转换成 jQuery 对象 //$(JS DOM 对象); // JS方式,通过id属性值获取div元素 let jsDiv = document.getElementById...3、JQuery选择器 3.1、基本选择器 选择器:类似于 CSS 选择器,可以帮助我们获取元素。 例如:id 选择器、选择器、元素选择器、属性选择器等等。...jQuery 中选择器语法:$(); 基本选择器 (“元素名称”);(“#id属性值”); 层级选择器 (“A B”);(“A > B”); 属性选择器 (“A[属性]”);...remove():删除指定元素(自己移除自己)。 操作样式 addClass(value):给指定对象添加样式。 removeClass(value):给指定对象删除样式

    15.3K30

    jQuery基础图文系列

    * 通配符选择器 E 元素选择器 .class 选择器 #id id选择器 E F 后代选择器 E + F 相邻兄弟选择器 E ~ F 通用兄弟元素选择器 E[attr] 只使用属性 :link...jQuery选择器匹配元素 .add() 将元素添加到匹配元素集合 .addSelf() 把堆栈之前元素添加到当前集合 .children() 获取匹配元素集合每个元素所有元素 .closest...find() 获取当前匹配元素集合每个元素后代,由选择器进行筛选 .first() 将匹配元素集合缩减为集合 第一个元素 .has() 将匹配元素集合缩减为包含特定元素后代集合 .is()...toggleClass() 从匹配元素添加删除一个 unwrap() 移除并替换指定元素元素 val() 设置返回匹配元素值 wrap() 把匹配额元素用指定内容或元素包裹起来 wrapAll...addClass() 向被选元素添加一个多个 removeClass() 从被选元素删除一个多个 toggleClass() 对被选元素进行添加/删除切换操作 css() 设置返回样式属性

    4.5K10

    前端之jQuery

    $("div").filter(".c1") // 从结果集中过滤出有c1样式 等价于 $("div.c1") 补充: .first() // 获取匹配第一个元素 .last() // 获取匹配最后一个元素....not() // 从匹配元素集合删除与指定表达式匹配元素 .has() // 保留包含特定后代元素,去掉那些不含有指定后代元素。...样式 addClass();// 添加指定CSS。 removeClass();// 移除指定CSS。...3.1.2位置操作 offset()// 获取匹配元素在当前窗口相对偏移设置元素位置 position()// 获取匹配元素相对父元素偏移 scrollTop()// 获取匹配元素相对滚动条顶部偏移...终止each循环 return false; 3.9.2.data() 在匹配元素集合所有元素上存储任意相关数据返回匹配元素集合第一个元素给定名称数据存储值。

    4.9K21

    jQuery 常用方法

    jQuery 选择 HTML 元素,在返回 jQuery 对象之后,就可以调用由 jQuery 提供丰富 API 来完成相应操作了 基本选择器,通过元素标签名,元素 ID,Class 来查找...")选取所有 和 class 为 item 标签元素 层次选择器,适合于通过 DOM 元素之间层次关系来获取特定元素,例如后代元素元素,相邻元素和兄弟元素,总结如下:...选择器 返回 示例 后代元素选择器 集合元素 $("div span") 选取 里所有的 元素 元素选择器 集合元素 $("div>span") 选取 元素元素是...选取 ID 为 item 元素后面的所有 兄弟元素 过滤选择器,主要是通过特定过滤规则来筛选出所需 DOM 元素,过滤规则与 CSS 选择器语法相同,即选择器都以一个冒号:开头...:animated 集合元素 $("div: animated") 选取正在执行动画 元素 表单选择器,利用表单选择器我们可以极其方便地获取表单某个某类型元素,总结如下: 选择器

    2.6K50

    jQuery基础系列

    * 通配符选择器 E 元素选择器 .class 选择器 #id id选择器 E F 后代选择器 E + F 相邻兄弟选择器 E ~ F 通用兄弟元素选择器 E[attr] 只使用属性 :link...jQuery选择器匹配元素 .add() 将元素添加到匹配元素集合 .addSelf() 把堆栈之前元素添加到当前集合 .children() 获取匹配元素集合每个元素所有元素 .closest...find() 获取当前匹配元素集合每个元素后代,由选择器进行筛选 .first() 将匹配元素集合缩减为集合 第一个元素 .has() 将匹配元素集合缩减为包含特定元素后代集合 .is()...toggleClass() 从匹配元素添加删除一个 unwrap() 移除并替换指定元素元素 val() 设置返回匹配元素值 wrap() 把匹配额元素用指定内容或元素包裹起来 wrapAll...) 从被选元素删除元素 addClass() 向被选元素添加一个多个 removeClass() 从被选元素删除一个多个 toggleClass() 对被选元素进行添加/删除切换操作

    2.6K20

    JavaScript学习笔记(四)—— jQuery入门

    $(“div[id]”) [attribute=value] 匹配给定属性是某个特定元素 $(“input[name=‘newsletter’]”) [attribute!...odd").css("background-color", "#bbbbff"); 元素选择器 元素选择器就是选择某一个元素下面的元素方式,在jQuery元素选择器分为两大类..."整数oddeven" :only-child 选择父元素唯一元素(该父元素只有一个元素) 区分元素类型 选择器 说明 :first-of-type 选择同元素类型第一个元素 :last-of-type...选择同元素类型随后一个元素 :nth-of-type 选择同元素类型第n个奇偶元素,n值为"整数oddeven" :only-of-type 匹配父元素特定类型唯一元素(该父元素可以有多个子元素...” visiblity:hidden 内容伪选择器 根据元素文字内容或所包含元素特征来选择元素 选择器 说明 :contains(text) 选择包含给定文本内容元素 :has(selector

    11.2K50

    Web前端JQuery面试题(二)

    jquery选择器有:基本选择器,层次选择器,过滤选择器,表单选择器四大。...基本选择器: #id 根据给定id进行匹配一个元素 element 根据给定元素进行匹配所有元素 .class 根据给定匹配该类所有元素 * 匹配所有元素 selector1,selector2...) 获取包含给定文本元素 :empty 获取所有不包含元素文本元素 如: :has(selector) 获取含所选择器所有元素 :parent 获取含有元素文本元素...:first-child 匹配每个父元素第一个元素 :last-child 匹配每个父元素最后一个元素 :only-child 匹配父元素只有唯一元素,如果父元素中有多个子元素,就不会被匹配...($div); append(function (index,html)) 同上 appendTo: 把选择元素追加到另一个指定元素 appendTo(content)将一个元素插入另一个指定元素

    1.9K30

    jQuery 教程

    jQuery 选择器基于元素 id、类型、属性、属性值等”查找”(选择)HTML 元素。...”) 属于其父元素特定类型唯一元素所有 元素 $(“div > p”) 元素直接元素所有 元素 parent descendant $(“div p”)...方法 描述 addClass() 向被选元素添加一个多个 after() 在被选元素后插入内容 append() 在被选元素结尾插入内容 appendTo() 在被选元素结尾插入 HTML 元素...text() 设置返回被选元素文本内容 toggleClass() 在被选元素添加/移除一个多个之间切换 unwrap() 移除被选元素元素 val() 设置返回被选元素属性值(针对表单元素...HTML 元素包裹起来 $.escapeSelector() 转义CSS选择器中有特殊意义字符字符串 $.cssHooks 提供了一种方法通过定义函数来获取和设置特定CSS值 jQuery

    17K20

    JQuery 遍历:发现元素魔法之旅

    无需太多前端经验,只要有一颗探险心,你就能在 JQuery 遍历中找到属于你宝藏。前言在 Web 开发,我们常常需要在页面中找到特定元素,然后对它们进行操作。...通过 parent() 方法,获取了这些元素元素,并给父元素添加了一个和文字内容。...通过 siblings() 方法,获取了这些元素兄弟元素,并给兄弟元素添加了一个和文字内容。遍历艺术JQuery 遍历方法就像艺术家画笔,让你能够在页面上自由地漫游,发现元素美丽和奥秘。...通过 children() 方法,获取了这些元素元素,并给元素添加了一个和文字内容。...通过 closest(".parent") 方法,获取了这些元素最近具有 parent 祖先元素,并给这个祖先元素添加了一个和文字内容。

    20111

    JQuery 学了不亏

    使用 引入 先引入jquery文件,才能使用jquery语法 CDN 有网(备用) 本地文件(常用) 工厂函数 - $() "$()"函数用于获取元素节点,创建元素节点将原生JavaScript对象转换为...var div = $(“div”)[0]; 方法二 : 使用jQueryget(index)取原生对象 var div2 = $(“div”).get(0); jQuery获取元素 jQuery...通过选择器获取元素,$(“选择器”) 选择器分类 : 基础选择器 标签选择器:$("div") ID 选择器:$("#d1") 选择器:$(".c1") 群组选择器:$("body,p,h1")...)//结合用户行为,实现动态切换.如果当前元素存在指定,则移除;不存在则添加 操作行内样式 css("属性","属性值") //设置行内样式 css(JavaScriptON对象)...$obj.append(newObj); //在$obj末尾添加元素newObj $obj.prepend(newObj); //作为第一个元素添加至$obj 作为兄弟元素添加 $obj.after

    1.8K30

    jquery jQuery快速入门

    $("div").filter(".c1") // 从结果集中过滤出有c1样式 等价于 $("div.c1") 补充: .first() // 获取匹配第一个元素 .last() // 获取匹配最后一个元素....not() // 从匹配元素集合删除与指定表达式匹配元素 .has() // 保留包含特定后代元素,去掉那些不含有指定后代元素。....eq() // 索引值等于指定值元素 示例:左侧菜单 左侧菜单示例 操作标签 样式操作 样式 addClass();// 添加指定CSS。...位置操作 offset()// 获取匹配元素在当前窗口相对偏移设置元素位置 position()// 获取匹配元素相对父元素偏移 scrollTop()// 获取匹配元素相对滚动条顶部偏移 scrollLeft...终止each循环 return false; 伏笔... .data() 在匹配元素集合所有元素上存储任意相关数据返回匹配元素集合第一个元素给定名称数据存储值。

    16.2K50

    学习jQuery?这篇文章就够了

    1、准备页面 2、练习 五、jQuery 选择器 1、作用 2、选择器组成 3、如何使用选择器获取元素 六、基本选择器 1、基本选择器 1.1、id 选择器 1.2、元素选择器 1.3、选择器...六、基本选择器 1、基本选择器 jQuery 最常用,最简单选择器,通过元素 id、class 标签等查找元素。...说明:这个标签是直接选择 HTML 代码 class=”myClass” 元素元素组(因为在同一 HTML 页面 class 是可以存在多个同样值元素)。...; script> 七、层次选择器 1、需求 若想通过 DOM 元素之间层次关系来获取特定元素,例如后代元素元素, 相邻元素,兄弟元素等,则需要使用层次选择器. 2、层次选择器 2.1、ancestor...')); }); script> 八、过滤选择器 1、定义 过滤选择器:通过特定过滤规则来筛选所需要 DOM 元素,过滤规则与 CSS 选择器语法相同。

    12.3K10

    jQuery基础

    // 选取所有包含一个多个标签在其内标签(指的是从后代元素找) 例子: $("div:has(h1)")// 找到所有后代中有h1标签div标签 $("div:has(.c1)")// 找到所有后代中有...c1样式div标签 $("li:not(.c1)")// 找到所有不包含c1样式li标签 $("li:not(:has(a))")// 找到所有后代不含a标签li标签 属性选择器: [attribute...补充: .first()// 获取匹配第一个元素 .last()// 获取匹配最后一个元素 .not()// 从匹配元素集合删除与指定表达式匹配元素 .has()// 保留包含特定后代元素,...六、操作标签 样式操作 样式 addClass();// 添加指定CSS。 removeClass();// 移除指定CSS。...位置: offset()// 获取匹配元素在当前窗口相对偏移设置元素位置 position()// 获取匹配元素相对父元素偏移 scrollTop()// 获取匹配元素相对滚动条顶部偏移 scrollLeft

    2K120

    jQuery

    来代替,相当于原生jswindow 1.1.3 jQuery 对象和 DOM 对象 用原生 JS 获取对象是 DOM 对象 jQuery 方法获取元素jQuery 对象。...var domObject2 = $('div').get(0) 2.1 jQuery选择器 2.1.1 基础选择器 名称 用法 描述 ID选择器 $(’#id’) 获取指定ID元素 全选选择器 $(...’*"’) 匹配所有元素 选择器 $(".class") 获取同一class元素 标签选择器 $(“div”) 获取同一标签所有元素 并集选择器 $(“div,p,li”) 选取多个元素 交集选择器...3.切换 $("div").toggleClass("current"); 在原生jsclassName会覆盖,在jQuery中指操作指定,不影响原先 3.2 jQuery效果...删除 删除元素集合节点 $('ul').empty();//相当于清空ul里内容 通过html来清空 $('ul').html(); 4.4 尺寸,位置操作 4.4.1 jQuery尺寸操作 语法

    8.4K10

    JavaScript库---JQuery(一)

    第二个参数是可选,值为一个元素JQuery对象;这时返回特定元素元素匹配到元素集; 参数是Element、DocumentWindow对象,返回这些对象封装成JQuery对象; 参数是...2、可以使用object对象,该对象属性Jquery关键字时,可用于传入属性值; 参数为一个函数:文档加载完毕时调用;相当于onLoad()函数;形如$(function(){})JQuery(...;map返回值为新包含回调函数所有返回值JQuery对象; index() : 参数为一个元素字符串(当做CSS选择器使用),返回值为该元素在此JQuery对象索引值,找不到返回-1; is...').toggleClass('name1,name2'); 检测:$('div').hasClass('name'); $('#di').is('name');只接受单个; HTML表单: 设置....data("x",1); 获取$('div').data('x'); 3、文档操作: 4、JQuery处理事件:   1.事件简单注册:$("p").click(function(){$(this

    4.2K30
    领券