首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jQuery选择器无法按ID找到我的元素

jQuery选择器无法按ID找到我的元素
EN

Stack Overflow用户
提问于 2012-01-11 18:02:48
回答 3查看 6.2K关注 0票数 1

我对jQuery还是很陌生的!在我的旧网站上测试它,以测试它的功能。我甚至连一个简单的jQuery脚本都不能运行,这太尴尬了。请帮帮我!

由于某些原因,我不能让jQuery选择器根据id查找元素。下面是代码

代码语言:javascript
运行
AI代码解释
复制
 $(document).ready(function () {
        if (jQuery) {
            alert("jQuery working");
        } else {
            alert("jQuery not working");
        }

        $('#TextBox4').keyup(function () {
            alert("KEYUP FUNCTION WORKENGGG");
            var password = jQuery('#TextBox3').val();
            var cfmPassword = jQuery('#TextBox4').val();
            check_password_match(password, cfmPassword);
        });
    });

这是我的ASP html代码。

代码语言:javascript
运行
AI代码解释
复制
<asp:TextBox ID="TextBox4" runat="server" BackColor="#181818" ForeColor="White" 
                        TextMode="Password" ToolTip="Password">Password</asp:TextBox>`

<asp:TextBox ID="TextBox3" runat="server" BackColor="#181818" ForeColor="White" 
                        TextMode="Password" ToolTip="Password" Height="22px">Password</asp:TextBox>`
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-01-11 18:06:23

试试这个:$('#<%=TextBox4.ClientID %>')

在客户端,asp.net控件的id不同于你在aspx页面中给它的id。

票数 3
EN

Stack Overflow用户

发布于 2012-01-11 18:07:20

HTML元素的ID将与ASP控件的ID不匹配。原因是ASP.NET控件可以命名控件,这些控件充当ID名称空间,允许多个控件具有相同的ID但不同的ClientID。最终结果是,您应该在JQuery中搜索ClientID。也就是说,$('#<%# TextBox4.ClientID %>')将返回您试图检索的JQuery元素。

票数 1
EN

Stack Overflow用户

发布于 2012-01-11 18:12:29

我发现快速检查jQuery是否找到您的元素的最简单方法是使用如下内容:

代码语言:javascript
运行
AI代码解释
复制
$("#TextBox4").css("border","solid 1px red");

这样,当页面加载时,给定的元素应该以红色突出显示。然后,在知道选择器正在工作的情况下,您可以继续编写真正的代码。

假设您已经弹出上述警报,并且确实正确安装了jQuery,我建议您检查您的实际源代码。也就是说,浏览到有问题的页面,看看实际的html是如何呈现的。

由于您似乎正在使用asp标记(我假设是某种风格的Microsoft .NET?),因此当页面呈现时,输出中的实际html标记看起来与您正在编写的代码行非常不同。查看视图源代码,并检查textbox实际呈现的内容。您可能会发现它是一个<textarea><input>标记。查看id是否已更改。我相信Microsoft有一种方法可以将I或其他变量附加到您提供的I中。您可能会发现jQuery对选择器使用的真实代码如下所示:

代码语言:javascript
运行
AI代码解释
复制
<input type="text" id="TextBox4_123124" ....

或者类似的东西。在这种情况下,您必须查看id是否总是以相同的方式更改,否则,您可能不得不使用微软的jQuery实现-如果有的话。

要真正试用您的jQuery选择器,请尝试用纯html从头开始编写一个html文本元素,看看是否适合您,然后继续解密微软自动生成的html。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8824303

复制
相关文章
jQuery常用选择器【标签选择器】【id选择器】【class选择器】【集合选择器】
jQuery常用选择器 【标签选择器】 <script src="https://code.jquery.com/jquery-3.4.0.min.js"></script> <!-- 标签选择器 --> <h1>清平调</h1> <h3>李白</h3> <script> $("h1").attr("style", "font-size:3rem;text-align:center"); $("h3").attr("style", "font-s
红目香薰
2022/11/29
2.5K0
jQuery常用选择器【标签选择器】【id选择器】【class选择器】【集合选择器】
JQuery如何获取ID含有特殊字符的DOM元素
为业务需要,DOM元素的ID被命名为“c-order.range”,执行JQuery的DOM查询时,提示如下错误
黄啊码
2021/09/26
10.9K0
jQuery选择器、元素属性操作--jQuery基础知识点(1)
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
奋飛
2019/08/15
6620
jquery选择器用法_jQuery属性选择器
一、 基本选择器 1. ID选择器 ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素,并以iQuery包装集的形式返回给对象。 使用公式:(“#id”) 示例:(“#box”) //获取id属性值为box的元素 2. 元素选择器 元素选择器是根据元素名称匹配相应的元素。元素选择器指向的是DOM元素的标记名,也就是说元素选择器是根据元素的标记名选择的。 使用公式:(“element”) 示例:(“div”) //获取所有div元素 3.类名选择器 类选择器是通过元素拥有的CSS类的名称查找匹配的DOM元素。在一个页面中,一个元素可以有多个CSS类,一个CSS类又可以匹配多个元素,如果有元素中有一个匹配类的名称就可以被类选择器选取到。简单地说类名选择器就是以元素具有的CSS类名称查找匹配的元素。 使用公式:(“.class”) 示例:(“.box”) //获取class属性值为box的所有元素 4.复合选择器 复合选择器将多个选择器(可以是ID选择器、元素选择器或是类名选择器)组合在一起,两个选择器之间以逗号”,”分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个集合形式的jQuery包装集,利用jQuery索引器可以取得集合中的jQuery对象。 注意:多种匹配条件的选择器并不是匹配同时满足这几个选择器的匹配条件的元素,而是将每个匹配的元素合并后一起返回。 使用公式:(“selector1,selector2,……,selectorN”) selector1:一个有效的选择器,可以是ID选择器、元素选择器或类名选择器等 selector2:另一个有效的选择器,可以是ID选择器、元素选择器或类名选择器等 selectorN:(可选择)任意多个选择器,可以是ID选择器、元素选择器或类名选择器等 示例:(“div,#btn”) //要查询文档中的全部的<div>元素和id属性为btn的元素 5.通配符选择器
全栈程序员站长
2022/11/16
12.3K0
Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID,反之也行!
jquery取得iframe中元素的几种方法 在iframe子页面获取父页面元素 代码如下: $('#objId', parent.document); // 搞定... 在父页面 获取iframe子页面的元素 代码如下: $("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html()  显示iframe中body
磊哥
2018/05/08
8.9K0
jQuery 选择器
原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。
星辰_大海
2020/10/09
2.9K0
jQuery 选择器
[jQuery笔记] jQuery选择器
jquery选择器允许对html中的元素组合单个元素进行操作,jquery的选择器和css的选择器几乎大同小异,大致分为元素选择器、id选择器和类选择器。jquery的选择器基于元素的id、类、类型、属性、属性值等查找或选择html元素,基于已经存在的css选择器,另外,jquery也支持自定义选择器。
行 者
2019/12/05
1.9K0
jquery 选择器
<script type="text/javascript"> $(".demo").click(function(){ alert() }) </script>
用户5760343
2019/10/08
1.6K0
jquery 选择器
JQuery选择器
1    $("*")      ---------选取所有元素 2   $(this)     --------选择当前HTML元素 3   $("p.a")   -----选取p元素下class为a的元素 4   $("p:first")  ----选取第一个p元素 5   $("ul li:first-child") ----选取ul下第一个li元素 6  $("tr:even")  -------选取偶数位置下的tr 7 $("tr :odd")   --------选取奇数位置的tr
用户3159471
2018/09/13
1.7K0
jQuery 选择器
基本选择器 基本选择器是最简单的选择器,可以通过元素id、class和标签名等来直接查找DOM元素。 元素选择器 根据给定元素名匹配元素。如下选择的是所有div元素。 $("div").css("
静默虚空
2018/01/05
7.5K0
jQuery选择器
说明: 可以使用length属性来判断标签是否选择成功, 如果length大于0表示选择成功,否则选择失败。
落雨
2022/03/01
30.4K0
JQuery选择器
jQuery常用的事件: load:当文档加载时运行脚本 blur:当窗口失去焦点时运行脚本 focus:当窗口获得焦点时运行脚本 change:当元素改变时运行脚本 submit:当提交表单时运行脚本 keydown:当按下按键时运行脚本 keypress:当按下并松开按键时运行脚本 keyup:当松开按键时运行脚本 click:当单击鼠标时运行脚本 dblclick:当双击鼠标时运行脚本 mousedown:当按下鼠标按钮时运行脚本 mousemove:当鼠标指针移动时运行脚本 mouseout:当鼠标指针移出元素时运行脚本 mouseover:当鼠标指针移至元素之上时运行脚本 mouseup:当松开鼠标按钮时运行脚本 abort:当发生中止事件时运行脚本
我不是费圆
2020/09/21
7.5K0
jQuery通过id选择器绑定双击事件,和appendTo()方法的使用详解
下拉列表绑定一个双击事件dblclick() $("#id”).dblclick(function(){ //获取列表中所有被选中的option var alloptions = $("option:selected");//这种写法存在问题,如果已分配列表中也有被选中的option同样会被选中//不可以 var alloptions = $("#id option:selected");这种方式可以(第一种写法) var allo
挑战者
2018/06/29
1.2K0
jQuery(选择器)
注意:但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一 个子元素。这相当于:nth-child(1);
全栈开发日记
2022/05/12
1.5K0
jQuery 选择器
原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。
清出于兰
2020/10/26
1.8K0
jQuery 选择器
jquery选择器
jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。
Devops海洋的渔夫
2019/05/30
1.8K0
jQuery 选择器
jQuery网页脚本语言核心之一 概述: 1. 选择器是jQuery的基础 2. 对事件处理,遍历DOM和Ajax操作都依赖于选择器 3. 可简化代码 什么是jQuery选择器? 层叠样式表 良好地继承了css选择器语法,还继承了其获取页面元素便捷高效的特点 于css不同,jQuery选择器获取元素后,为该元素添加的是行为 有良好的兼容性 优势 1. 简洁的写法 (1) $(选择) 2. 完善的处理机制 (1) 简洁,避免某些错误 类型: 可通过css选择器和过滤选择器两种方式选择元素,每种又有不同的方法来
房上的猫
2018/04/18
2.7K0
jQuery 选择器
Jquery选择器
1、  基本选择器 选择器 描述 结果 示例 #id 根据id获取元素 单个 $(“#myid”)选取id的值为myid的元素 .class 根据class获取元素 集合 $(“.myclass”)选取class的值为myclass的元素 a,p,img等html标签 根据指定的html标签获取元素 集合 $(“img”)选取所有的img标签 * 获取所有的元素 集合 $(“*”)获取所有标签元素 a,.myclass,#id等 获取对应标签元素 集合 $(“a,.myclass,
苦咖啡
2018/05/07
2.1K0
jQuery常用的选择器
当我们想要操所页面中的元素时,首先要做的就是选取元素。选取页面中元素可以使用jQuery给我们提供的$()方法,该方法需要提供选择器作为参数,方法执行完成后会返回给我们一个jQuery对象,被选取的元素就包含在该对象中。
小周sir
2019/09/23
7500
jquery的基本选择器
关于基本选择器包括 “*” ,“.class”,"element","#id","selector1 selementN" "*" 选择器,可以找到文档中的所有的元素,包括 head body $(function(){ // $("#test").find("*").css("border","3px solid red"); //找到 #test 这个元素下面的所有的 元素 //}); ".class" 选择给定样式类名的所有的元素。 //$(function
用户1197315
2018/01/19
6570

相似问题

按id访问jQuery元素

10

jQuery -按id过滤元素

37

为什么我的jQuery选择器不能通过id找到我的元素?

40

无法使用按元素id的ngAfterViewInit打开材料数据选择器

114

无法按id选择元素

15
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档