如何代替事件选择器访问选择器的对象，
代替事件选择器访问选择器的对象可以通过以下几种方式实现：
- 使用JavaScript的querySelector方法：querySelector方法是DOM提供的一个方法，可以通过CSS选择器来获取匹配的元素。可以使用querySelector方法来代替事件选择器访问选择器的对象。例如，如果要获取id为"myElement"的元素，可以使用以下代码：
var element = document.querySelector("#myElement");- 使用JavaScript的getElementById方法：getElementById方法是DOM提供的一个方法，可以通过元素的id属性来获取匹配的元素。可以使用getElementById方法来代替事件选择器访问选择器的对象。例如，如果要获取id为"myElement"的元素，可以使用以下代码：
var element = document.getElementById("myElement");- 使用JavaScript的getElementsByClassName方法：getElementsByClassName方法是DOM提供的一个方法，可以通过元素的class属性来获取匹配的元素。可以使用getElementsByClassName方法来代替事件选择器访问选择器的对象。例如，如果要获取class为"myClass"的元素，可以使用以下代码：
var elements = document.getElementsByClassName("myClass");- 使用JavaScript的getElementsByTagName方法：getElementsByTagName方法是DOM提供的一个方法，可以通过元素的标签名来获取匹配的元素。可以使用getElementsByTagName方法来代替事件选择器访问选择器的对象。例如，如果要获取所有的p元素，可以使用以下代码：
var elements = document.getElementsByTagName("p");这些方法都是原生JavaScript提供的，可以在前端开发中灵活使用，根据具体的需求选择合适的方法来代替事件选择器访问选择器的对象。
相关·内容
3回答
我正在尝试创建一个对象，它会根据用户的交互偶尔重建一个菜单。我的方法是克隆新的菜单项并删除旧的菜单项。这意味着我引入了具有某个类的jQuery的新实例，这意味着我必须重新加载影响该类的div。
在下面的示例中，单击菜单项将导致"TypeError: this.objMethod is not a function“。
如何让jQueryClick方法调用objMethod？我假设这是一个作用域问题，但是我不知道如何让jQuery函数超越它本身。
function myObj(){
this.jQueryClick = function(){
$('.me
浏览 0提问于2016-09-27得票数 1
1回答
我有一个脚本，它应该等待加载的dom启动，但它似乎不需要等待。我认为问题可能在于我使用的是引导选项卡，并且内容还没有真正在dom中。
但是，如果我将jQuery粘贴到控制台中，它就能工作。有办法用jQuery来解决这个问题吗?还是我需要一个强大的ajax库？
html/引导
/*@include('blocks.rotators.user-comments') loads in this*/
<div class="tab-pane fade" id="activityDetails">
<div class=
浏览 0提问于2014-06-23得票数 0
回答已采纳
3回答
我有一个简单的文本输入字段：
我想编写一个JS代码，将焦点放在输入框上，并将光标放入其中。
我尝试在JQuery中使用focus()：
$('document').ready(function(){
$($('input')[0]).click(function() {
this.focus();
})
})
但没起作用。
浏览 3提问于2017-02-18得票数 3
回答已采纳
console.log返回类似和数组的内容: keyup charCode=0，keyCode=18，但我尝试了event1来获取密钥代码，但它还没有定义，如何从其中提取密钥代码呢？
function processKeyDown(event)
{
console.log(event);
}
浏览 5提问于2014-04-03得票数 0
回答已采纳
3回答
我正在尝试使用jQuery来允许用户指定一个对象池，然后他们可以删除这些对象。
我希望用户能够单击对象列表以将其添加到池中，如果他们希望从池中删除任何对象，则单击池中的对象即可执行此操作。
$(document).ready(function() {
$('.object').click(function() {
var typeOfObject = $(this).attr('id');
$('#poolofobjects').append('<td><div class=&#
浏览 0提问于2013-05-21得票数 3
回答已采纳
这是我的final.xml文件：-
<root>
<child1 entity_id = "1" value= "Asia">
<child2 entity_id = "2" value = "india">
<child3 entity_id = "3" value = "Gujarat">
<child5 entity_id = "5" value
浏览 1提问于2013-04-23得票数 1
所以不确定到底是怎么回事，但可以做一些猜测。
我对.on()的理解是，它是要附加到所有动态添加的元素上。但在这里似乎不起作用。或者，如果我误解了这一点，那么我实现的方式就不起作用了。
在文件加载时，我称之为：
$("#orderBox tbody tr").on( 'click', function ( e ) {
selectRow($(this));
} )
其中，selectRow()在tr元素上切换类(下面的代码)。
当加载文档时，表是空的，因此addTableRow()函数添加了新的行，它只是将一个tr附加到tbody。一旦添加了tr，点击它就
浏览 1提问于2020-11-12得票数 3
回答已采纳
2回答
我的代码中有许多由mysql查询生成的文本区域，并根据这个查询的结果给出了id。
<div class='examples form-group margin-bottom-none'>
<div class='col-sm-9'>
<textarea class="mention form-control input-sm" id="reponse" placeholder="Essayer de taguer quelqu'un en tapant @nom"
浏览 0提问于2016-10-11得票数 0
回答已采纳
我需要在'onClick‘监听器中读取所选列表项的类。这个元素是相对于按钮的，因为我有多个实例(测试中的测验项目)。我尝试在中这样做。错误发生在
$("ul.quiz div.quizitem div.nav span.next").click(function(e) {
alert($(this).parent().parent().children("ul.answers li.selected")[0].hasClass("correct") ? "Correct":"Wrong");
});
浏览 0提问于2014-09-04得票数 1
回答已采纳
1回答
我刚刚问了这个问题()，以了解如何在自定义函数中调用函数，它工作得很好。然而，我也想在我的超文本标记语言的onClick上使用prepareSlide函数。如何在此itemSlider函数中调用prepareSlide？
jQuery('.item_holder').itemSlider();
$.fn.itemSlider = function (details) {
var itemHolder = this;
this.prepareSlide = function(slideNumber) {
alert(1);
}
浏览 0提问于2013-05-03得票数 0
回答已采纳
我有一个简单而又奇怪的问题--当我选择.children(":first-child")时，会给出多个结果，一个接一个地发出警告。
// ...
$.post(ajaxurl, data, function (response) {
//alert(response);
tinymce.get('geqqo-editor-new').setContent('');
$('#geqqo-modal-new').mo
浏览 2提问于2014-04-25得票数 0
回答已采纳
我的代码是：
<script type="text/javascript">
var ab;
$(function() {
$.getJSON('jsonSample.action',null,function(json) {
ab = json.languageList;
$("#tags").autocomplete({
data:ab
});
});
});
浏览 4提问于2011-07-30得票数 0
1回答
我有一个响应菜单，当查看在PC上的悬停菜单下降，在平板上显然你不能悬停等等，我需要菜单下降。但是，该链接将用户定向到单击时的页面。我需要防止该链接在单击(特定浏览器大小)时触发，这样它就可以打开下拉菜单。
<ul class="mainMenu">
<li>
<a href="page.html">Page</a>
<ul class="subMenu">
<li><a href="">Sub Page 1&
浏览 3提问于2013-11-19得票数 0
回答已采纳
2回答
我翻译了PHP 查询：
$article->find('td[id$=tdDescription] div a', 1)->plaintext;
到jsoup查询：
resultRow.select("td[id$=tdDescription] > div > a").first().text());
正如您所看到的，我正在PHP中访问第二个(1)结果，目前正在使用.first()访问第一个结果(0)，但我也想访问第二个结果(1)，我该如何做呢？
浏览 6提问于2011-06-04得票数 12
回答已采纳
我想在某些元素中添加'onclick‘功能。这些元素与此CSS完全一致，将指针-事件设置为“自动”：
.custom-collections .o_slideshow .end-group {
pointer-events: auto;
}
.custom-collections > .o_slideshow:first-child,
.custom-collections > .o_slideshow .o_slide[data-id="home_slide"],
.custom-collections > .o_slideshow:las
浏览 3提问于2017-10-18得票数 1
回答已采纳
好的，在执行两个AJAX方法的自定义表单上使用按钮有一个问题，当第一次选择正确的方式时，这两个函数都能工作。我遇到的问题是在添加/删除包含事件处理程序的类之后，再次执行相同的函数，这意味着它们只有一个生命周期，不能再次使用。
从我的研究中，我发现这个问题是jQuery事件委托，在阅读了文档之后，我将原来的单击函数更改为on函数，根据我的理解，这些函数应该在更改后重新应用事件处理程序。
$(document).ready(function () {
$(".checkButton").on('click', function () {
浏览 1提问于2016-06-06得票数 0
回答已采纳
2回答
我花了3个小时试着理解一件事，但没有成功……
问题是：
我有一个class Gui(一个客户端)，它有一个纸牌游戏的main。Gui具有main，它在invokelater中具有Runnable，其中逻辑(管理游戏会话的单独类)运行在Runnable中，以及一些方法来操纵卡的顺序。
public static void main(String args[]) {
java.awt.EventQueue.invokeLater(new Runnable() {
public void run() {
PokerClient
浏览 2提问于2011-02-20得票数 2
回答已采纳
1回答
我来这里是想问一个新奇的问题，我正在学习如何使用cocos2d。
我的问题是，在场景的各层之间进行通信的最佳方式(以及如何)是什么？
例如。
我有一个图层，上面有一个带按钮的精灵，还有一个带字符串的图层。
每次我点击按钮，字符串就会变成+1。(所以如果你点击3次，字符串就等于3。)
我是这样得到的：
Scene.m
-(id)init {
self = [super init];
if(self != nil){
//button Layer
buttonLayer *buttonLayer = [buttonLayer node];
[self addChild:bu
浏览 4提问于2013-09-09得票数 0
$(window).click(function(e) {
alert(e.???);
});
如何检查当前点击的id、class或其他标识符？
浏览 0提问于2012-01-16得票数 12
回答已采纳
我有一些标记为A-G的按钮。按钮上的id如下所示。
"btn_A"
"btn_B"
"btn_C"
etc...
我正在运行一个keyup函数，如下所示。
$(document).keyup(function (event) {
var theButton = "btn_"+String.fromCharCode(event.keyCode);
alert(theButton)
});
这让我得到了正确的按钮"id"，但是我如何才能用这个按钮做一些事情呢？比如从它获取text()或者hide(
浏览 0提问于2012-02-18得票数 1
回答已采纳
我正在尝试将这个.click函数添加到使用jQuery的流沙插件排序的每个图像中
$('li img').click(function() {
var verticalCenter = ($(window).height() - $('#popupContent').height() ) /2;
var horizontalCenter = ($(window).width() - $('#popupContent').width() ) /2;
$('#popupContent').css('
浏览 0提问于2011-01-30得票数 2
回答已采纳
虽然我已经研究过这个话题，但我似乎并不真正理解如何使它发挥作用。
情况：
下面的代码用于在我的页面上显示new_comments分区。
<script type="text/javascript">
$(function(){
$('#lnk_comment').click(function() {
//alert('Handler for .click() called.');
$("#comment_new").show();
$(&#
浏览 1提问于2011-10-02得票数 0
回答已采纳
我需要找到哪些事件处理程序注册在一个对象上。
例如：
$("#el").click(function() {...});
$("#el").mouseover(function() {...});
$("#el")有点击和鼠标悬停注册。
有没有一个函数来发现，并可能迭代事件处理程序？
如果通过正确的方法在jQuery对象上不可能，那么在普通的DOM对象上可能吗？
浏览 362提问于2017-12-19
在JavaScript中，如果我将一个具有ID的子节点附加到另一个位置，那么它将从它们当前所在的原始位置中删除。
在javascript中，我有一个事件，我可以通过在函数中使用它来获取选择器。
$('.').event(function(){
this
});
这被传递给另一个函数，它们工作得很好。现在，我希望传递克隆而不是对象；请记住，这没有ID。
旧代码的工作方式是传递this作为DoSomething(this)函数
如果我使用jQuery clone创建克隆，那么我就有了jQuery对象。那么，在使用克隆时，如何获得对this而不是jQuery对象的引用呢？
v
浏览 2提问于2011-05-30得票数 0
回答已采纳
拾取文档提供了在纯javascript中使用事件侦听器的示例，但是当jquery可用并准备就绪时，如何应用这些侦听器呢？
pickmeup(element);
element.addEventListener('pickmeup-change', function (e) {
console.log(e.detail.formatted_date); // New date according to current format
console.log(e.detail.date); // New date as Date object
})
浏览 0提问于2016-11-23得票数 0
我有一个更改，它列出了数据库中的记录，我的主页使用第二个页面从它加载信息。我希望用户能够点击'x‘，并能够删除记录。
所以我有我的主页'index.php‘，我有一个叫做'get_results.php’的加载程序页面
因此，当我加载index.php时，JS加载，然后转到get_results.php，然后在屏幕上显示输出，但是，当我单击'x‘尝试删除一个部分时，它就不工作了。此外，我在get_result.php页面上运行了JS脚本，删除工作也很好。
我不知道如何解决这个问题，我认为这是因为新数据(get_results)是在加载index.php文档之后加
浏览 5提问于2014-07-23得票数 0
回答已采纳
我一直在阅读关于用on()替换jQuery live()函数的文章，但它们的工作方式与非活动函数相同。
例如，使用$('a').on('click', function(){});与使用：$('a').click(function(){});具有相同的效果
我需要复制$('a').live('click', function(){});的功能，因为我正在动态地向页面添加元素。
浏览 0提问于2012-03-21得票数 1
回答已采纳
1回答
当有人单击子页的“箭头”时，我想要滚动到页面的顶部；href类名为“mmenu”。
它没有身份证，所以我得跟全班一起去。
我怎样才能做到这一点？我试过以下几种方法，但不起作用。
谢谢..
$(function() {
$("a.mm-subopen").scrollToTop(100);
});
浏览 1提问于2014-10-20得票数 0
回答已采纳
这与正常情况略有不同。 通常，我们将使用两个输入控件来存储“开始日期”和“结束日期”这两个日期。 在本例中，只有一个输入控件使用daterangepicker。由于只有一个id，我如何与从daterangepicker生成的两个日期进行比较？ $('input[name="dates"]').daterangepicker(); 下图显示了两个日期。如果只有一个来自输入控件的id，我该如何存储这两个日期呢？ Preview
浏览 11提问于2020-01-13得票数 0
1回答
这是一个重复的帖子，有更多的信息...
我动态地创建了一堆标签，将它们附加到一个I，然后添加一个单击处理程序……
$(document).ready(function(){
// ... code to append <a> tags to nav div
$("#nav a").click(function(event){
alert('Clicked '+event.target.id);
return false;
});
});
如果我有10个标签，然后单击第一个标签，我会
浏览 0提问于2009-10-24得票数 0
回答已采纳
虽然这不是一个新的问题，所以当一个参数被传递到一个函数时，我还没有找到一种方法来做到这一点。目前，我有一个错误地触发页面加载的方法：
$(document).on('change', 'select#advtracks', function() {
filterMarkers( $(this).val() );
});
我读到的答案是使用语法，不加括号，以防止在页面加载时调用它：
$("#advtracks").on('change', filterMarkers);
但是，如何使用参数调用filterMarker
浏览 2提问于2015-12-15得票数 4
回答已采纳
3回答
使用Mootools时，如果我在<select>上附加了一个更改事件侦听器，我如何访问所选的选项。我想要的是实际的元素，而不仅仅是值。
$('select').addEvent('change',function(event) {
//??
});
浏览 1提问于2010-03-17得票数 11
回答已采纳
我正在尝试使用事件映射创建一个.on()方法。我想把这个：$("ul").on("click", "li", function() {...});改成这样：
$("ul").on({
click: function() {...},
mouseenter: function() {...},
mouseleave: function() {...}
});
我应该把选择器"li“放在events-map中的什么位置？
浏览 0提问于2012-02-17得票数 4
回答已采纳
2回答
出于某种原因，:Active标签不会让按钮消失，也不会变成不透明0.0，有什么想法？
#button1 {
height: 50px;
width: 250px;
position: absolute;
left: 300px;
top: 500px;
opacity: 0.6;
}
#button1:hover {
width: 270px;
height: 60px;
}
#button1:visited {
width: 0px;
height: 0px;
opacity: 0.0;
}
<a href="test"
浏览 21提问于2016-07-27得票数 0
我正在使用wiktionary api从wiktionary.org获取信息。
我正在获取json格式的数据，并且我也能够解析它……
但是我想从结果中删除部分数据(实际上，我只需要一些数据)，但我不知道如何从结果中删除某些内容。
我使用的代码是
<script type="text/javascript" src="./jquery-1.4.3.min.js"></script>
<div id="wikiInfo"> contents</div>
<script type
浏览 8提问于2010-11-09得票数 3
2回答
在jquery代码中，在单击复选框时，我将显示一个弹出值。
除了IE之外，在所有其他浏览器中，它都按预期的方式工作。也就是说，在更改时，复选框将被选中，弹出窗口将被打开。
然而，在IE8中，它没有被检查，但是弹出窗口是正确显示的。
代码：
$('#TAndC').change(function(){
if( $('input[name="TAndC"]').is(':checked'))
{
$('#TandCBox').show();
var termsan
浏览 5提问于2013-12-19得票数 2
回答已采纳
5回答
我想做的是：
( clickedObject === someDiv ) //returns true or false
我尝试过的
( $(e.target) === $('.selector') ); //returns a false negative.
我的解决方法
( $(e.target).attr('class') === $('.selector').attr('class') ); //works as intended, not so clean though.
将我单击的对象与DOM中的对象进行比较的正确方法
浏览 0提问于2011-12-22得票数 38
回答已采纳
我一直使用delegate()将事件绑定到最初加载DOM时不存在的元素。我知道on()应该取代委托，但我不理解jquery站点上的文档如何准确地翻译以下代码以与on()一起使用
$(document).delegate(
".Course_Name, .Start_Date, .Book_Title, .Book_Author, .Book_Isbn",
"click",
function()
{
var
浏览 1提问于2013-05-21得票数 0
回答已采纳
1回答
绑定到元素的事件应该如下所示：
$( document ).on( 'change', '#mySelect', showEvent );
$( document ).on( 'click', '#mySelect', showEvent );
function showEvent() {
console.log( event.target );
}
但是，通过执行如下所示的简单测试，将更改绑定并单击事件到对象mySelect，就会在不同的元素上触发它们(仅通过更改选择和单击文档上的任何位置来更改)。
var mySelec
浏览 2提问于2015-09-10得票数 4
我使用DTM来侦听一个基于事件的规则，名为“我的自定义规则”。事件类型是“定制”，因为我使用自定义事件来跟踪来自第三方小部件的操作。这是我下面的配置。这是相当平淡的，我还没有任何条件。自定义事件名是“我的小部件加载”。
在第三方小部件中，我触发了我的自定义事件：
document.dispatchEvent(new CustomEvent('my-widget-loaded'));
在控制台里，我看到：
卫星:在#documentument上检测到了我的小部件
但它从来没有触发我的规则，我从来没有看到这样的信息：
卫星:规则“我的定制规则”发射。
我已
浏览 2提问于2018-11-11得票数 2
回答已采纳
1回答
如何检测新单选按钮上的更改？
、、、、
我有检测单选按钮变化的代码，然后调用按钮上的方法。它在现有的按钮上工作得很好，但是当我(通过ajax)向页面添加新的单选按钮时，它们就不能工作了。如何让它检测新单选按钮上的变化？
这是我的coffeescript代码：
jQuery ->
$(".radio-button:radio").change ->
doSomething(this)
在JS中如下所示：
jQuery(function() {
return $(".radio-button:radio").change(function() {
retur
浏览 1提问于2014-01-16得票数 1
回答已采纳
<a href="#" class="myclass anotherclass" id="myid anotherid">Link</a>
$('.myclass').click(function () {
var foo = '';
alert(foo);
});
在这个例子中，我希望弹出一个警告，上面写着：".myclass“。
如何提醒在jQuery选择器中单引号之间输入的内容？
编辑:我只想警告"myclass“。不是"myclass另一个类
浏览 0提问于2014-03-05得票数 2
我只会发布相关的代码。如果你需要我的全部代码，请告诉我。
不管怎样，我有以下代码：
var deck = [];
var c = 0;
$('#add').click(function(){
var addToDeck = $('input[name=searchItem]').val();
addToDeck = addToDeck.toLowerCase();
deck.push(addToDeck);
$('#save').append('<div id="cardList
浏览 6提问于2013-02-06得票数 0
回答已采纳
在我们的rails应用程序中，我们有一个表，其中每个tbody行都是一个嵌套字段。我希望根据当前字段计数限制嵌套字段。为此，我将遵循由文档提供的nested_form。
为了更好地适应我们的应用程序，我修改了下面的代码。
// app/views/users/index.html.haml
:javascript
$(function() { limitNestedFields('#{@tenant.max_users}'); })
// app/assets/javascripts/limit_nested_fields.js
function limitNestedF
浏览 1提问于2015-06-15得票数 1
回答已采纳
1回答
解析实时查询处理错误
、、、、
我使用parse live query进行实时通信，适用于每种类型的事件，但我的问题是，服务器断开连接或互联网连接中断时，我该如何处理错误块？我尝试在订阅中创建错误块作为事件
.handleError(<#T##handler: (PFQuery<Blocks>, Error) -> Void##(PFQuery<Blocks>, Error) -> Void#>)
但是如果没有成功，我想要捕获记录的错误
2018-02-21 22:14:55.050543+0100 Youz[2095:1024917] TCP Conn 0x106d13f40
浏览 2提问于2018-02-22得票数 0
1回答
我有一个带有一些30+事件处理程序的页面。
与此类似：
$section.on("click", "a.unselect-all", function () {
var $s = $(this).siblings("select");
$s.find("option").removeAttr("selected");
$s.val("");
});
页面本身并没有那么大。但是我觉得随着更多的事件处理程序的出现，它的响应时间变得更加缓慢。
浏览 4提问于2014-01-17得票数 0
回答已采纳
悬停，我想要不透明= "0.3"；没有悬停，我要不透明度= "1"；h2和h3在每个div颜色从白色到红色。
我搜索了所有地方，并试图找出答案，但菜鸟就是菜鸟。这是我尝试过的，但它只适用于第一个div。为什么不能为剩下的人工作？
我知道如果我使用类，我可以使用CSS，但我希望在每个div中为h2和h3应用更多的函数。例如，当悬停在框上时，h2和h3显示将从无到block.or颜色从白色变为红色。
这是链接
这是代码
HTML
<html lang="en">
<head>
<meta charset="U
浏览 13提问于2022-04-23得票数 0
2回答
我试图运行hover，但仅当给定的元素具有特定的类时才运行。 例如： jQuery $("#banner").hover(
if ($(this).hasClass("bannerReady")) {
function() {
runOne();
},
function() {
runTwo();
}
}
); 但这行不通。 我试过这样使用它，这将会起作用，但jQuery不会意识到类名在此期间被更改了，它将继续工作： if ($(this).hasClass("bannerReady")) {
浏览 15提问于2019-04-28得票数 0
7回答
嘿，我有一个用easelJS制作的画布。在我的画布中，我使用以下语法为它们定义了单击处理程序：
p.on("click", handleMouseClickEvent);
现在，我想将参数传递给处理程序handleMouseClickEvent，我知道在不传递它的情况下可以免费获得事件对象，但是当我试图传递一个参数时，让我说我编写：
p.on("click", handleMouseClickEvent(arg1));
则事件对象是未定义的，根本无法访问。如何使用上述语法传递事件对象和更多参数。
p.on("click", handleMou
浏览 3提问于2016-08-28得票数 3
回答已采纳
我有一个jQuery应用程序，一个购物车，如果文本输入字段发生更改，它会将信息回发到服务器。这是在Ajax请求中完成的。现在，如果Ajaxrequest成功，我想异步地重新加载购物车。代码如下：
$(document).ready(function() {
var jInput = $(":input");
jInput.change(function() {
var vareAntal = $(this).val();
var vareID = $(this).siblings("input#vareID").
浏览 0提问于2010-09-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
