Check if element exists in jQuery

This question already has an answer here: Is there an “exists” function for jQuery? 36 answers $('elemId').length doesn't work for me. You need to put # before element id: $('#elemId').length ---^ With vanilla JavaScript, you don't need the hash ( # ) eg document.getElementById('id_here') , however when using jQuery, you do need to put hash to target elements base

检查jQuery中是否存在元素

这个问题在这里已经有了答案: jQuery有没有“存在”功能? 36个答案 $('elemId').length对我不起作用。 你需要在元素ID之前加上# : $('#elemId').length ---^ 使用vanilla JavaScript,你不需要散列( # ),例如document.getElementById('id_here') ,但是当使用jQuery时,你需要像基于CSS一样把散列放到基于id目标元素上。 尝试检查选择器的长度,如果它返回了某些东西,那么该元素必须存在,否则不

Check if element is visible on screen

Possible Duplicate: jQuery - Check if element is visible after scroling I'm trying to determine if an element is visible on screen. In order to to this, I'm trying to find the element's vertical position using offsetTop, but the value returned is not correct. In this case, the element is not visible unless you scroll down. But despite of this, offsetTop returns a value of 618 w

检查元素是否在屏幕上可见

可能重复: jQuery - 检查元素在滚动后是否可见 我试图确定一个元素是否在屏幕上可见。 为了达到这个目的,我试图使用offsetTop来查找元素的垂直位置,但返回的值不正确。 在这种情况下,除非向下滚动,否则该元素不可见。 但是,尽管如此,当我的屏幕高度为703时,offsetTop返回值为618,因此根据offsetTop元素应该是可见的。 我使用的代码如下所示: function posY(obj) { var curtop = 0; if( obj.offsetParen

Check if element is visible in DOM

Is there any way that I can check if an element is visible in pure JS (no jQuery) ? So, for example, in this page: Performance Bikes, if you hover over Deals (on the top menu), a window of deals appear, but at the beginning it was not shown. It is in the HTML but it is not visible. So, given a DOM element, how can I check if it is visible or not? I tried: window.getComputedStyle(my_element)

检查元素在DOM中是否可见

有没有什么办法可以检查一个元素是否在纯JS(没有jQuery)中可见? 因此,例如,在此页面中:Performance Bikes,如果您将鼠标悬停在交易上(顶部菜单上),会出现一个交易窗口,但在开始时并未显示。 它在HTML中,但不可见。 所以,给定一个DOM元素,我该如何检查它是否可见? 我试过: window.getComputedStyle(my_element)['display']); 但它似乎并没有工作。 我不知道应该检查哪些属性。 在我看来: displa

Equivalent of jQuery .hide() to set visibility: hidden

In jQuery, there are .hide() and .show() methods which sets the CSS display: none setting. Is there an equivalent function which would set the visibility: hidden setting? I know I can use .css() but I prefer some function like .hide() or so. Thanks. You could make your own plugins. jQuery.fn.visible = function() { return this.css('visibility', 'visible'); }; jQuery.fn.invisible = fun

jQuery .hide()设置可见性的等价物:hidden

在jQuery中,有一些设置CSS display: none设置的.show() .hide()和.show()方法。 是否有一个可以设置visibility: hidden的等价函数visibility: hidden设置? 我知道我可以使用.css()但我更喜欢一些函数,如.hide()左右。 谢谢。 你可以制作自己的插件。 jQuery.fn.visible = function() { return this.css('visibility', 'visible'); }; jQuery.fn.invisible = function() { return this.css('visibility', 'hid

Detect if an element is visible

This question already has an answer here: How do I check if an element is hidden in jQuery? 53 answers You're looking for: .is(':visible') Although you should probably change your selector to use jQuery considering you're using it in other places anyway: if($('#testElement').is(':visible')) { // Code } It is important to note that if any one of a target element's parent e

检测一个元素是否可见

这个问题在这里已经有了答案: 我如何检查一个元素是否隐藏在jQuery中? 53个答案 您正在寻找: .is(':visible') 尽管你应该改变你的选择器来使用jQuery,因为你在其他地方使用它: if($('#testElement').is(':visible')) { // Code } 需要注意的是,如果目标元素的父元素中的任何一个隐藏,那么子节点上的.is(':visible')将返回false (这很有意义)。 jQuery 3 :visible是一个相当慢的选择器,因为它

jQuery to loop through elements with the same class

I have a load of divs with the class testimonial and I want to use jquery to loop through them to check for each div if a specific condition is true. If it is true, it should perform an action. Does anyone know how I would do this? Use each: ' i ' is the postion in the array, obj is the DOM object that you are iterating (can be accessed through the jQuery wrapper $(this) as well). $

jQuery循环通过具有相同类的元素

我与类的div的负载testimonial ,我想通过他们使用jQuery循环来检查每个DIV如果特定条件为真。 如果它是真的,它应该执行一个动作。 有谁知道我会怎么做? 使用each:' i '是数组中的位置, obj是您正在迭代的DOM对象(也可以通过jQuery wrapper $(this)来访问)。 $('.testimonial').each(function(i, obj) { //test }); 查看API参考了解更多信息。 尝试这个... $('.testimonial').each(function(){ //i

Create hidden form element on the fly

使用jquery动态创建隐藏输入表单域的最简单方法是什么? $('<input>').attr('type','hidden').appendTo('form'); 回答你的第二个问题: $('<input>').attr({ type: 'hidden', id: 'foo', name: 'bar' }).appendTo('form'); $('#myformelement').append('<input type="hidden" name="myfieldname" value="myvalue" />'); if you want to add more attributes just do like: $('<input>').att

即时创建隐藏的表单元素

使用jquery动态创建隐藏输入表单域的最简单方法是什么? $('<input>').attr('type','hidden').appendTo('form'); 回答你的第二个问题: $('<input>').attr({ type: 'hidden', id: 'foo', name: 'bar' }).appendTo('form'); $('#myformelement').append('<input type="hidden" name="myfieldname" value="myvalue" />'); 如果你想添加更多的属性,就像这样做: $('<input>').attr('type','hi

jQuery event to trigger action when a div is made visible

I'm using jQuery in my site and I would like to trigger certain actions when a certain div is made visible. Is it possible to attach some sort of "isvisible" event handler to arbitrary divs and have certain code run when they the div is made visible? I would like something like the following pseudocode: $(function() { $('#contentDiv').isvisible(function() { alert("do some

当div变得可见时,jQuery事件触发动作

我在我的网站中使用jQuery,我想在某个div可见时触发某些操作。 是否有可能将某种“不可见”事件处理程序附加到任意div,并在div可见时运行某些代码? 我想要像下面的伪代码: $(function() { $('#contentDiv').isvisible(function() { alert("do something"); }); }); 警报(“做某事”)代码不应该在contentDiv实际可见之前触发。 谢谢。 您可以随时添加到原始的.show()方法中,这样您不必在每次展示内容时都

Creating a div element in jQuery

This question already has an answer here: jQuery document.createElement equivalent? 13 answers You can use append (to add at last position of parent) or prepend (to add at fist position of parent): $('#parent').append('<div>hello</div>'); // or $('<div>hello</div>').appendTo('#parent'); Alternatively, you can use the .html() or .add() as mentioned in a different

在jQuery中创建一个div元素

这个问题在这里已经有了答案: jQuery document.createElement是否等同? 13个答案 你可以使用append (添加到父级的最后位置)或prepend (添加到父级的第一个位置): $('#parent').append('<div>hello</div>'); // or $('<div>hello</div>').appendTo('#parent'); 或者,您可以使用不同答案中提到的.html()或.add() 。 从jQuery 1.4开始,你可以像下面这样将属性传递给一个自我封闭的元

Check if element is visible after scrolling

I'm loading elements via AJAX. Some of them are only visible if you scroll down the page. Is there any way I can know if an element is now in the visible part of the page? This should do the trick: function isScrolledIntoView(elem) { var docViewTop = $(window).scrollTop(); var docViewBottom = docViewTop + $(window).height(); var elemTop = $(elem).offset().top; var elemB

滚动后检查元素是否可见

我通过AJAX加载元素。 其中一些只有在向下滚动页面时才可见。 有什么方法可以知道元素是否在页面的可见部分? 这应该可以做到这一点: function isScrolledIntoView(elem) { var docViewTop = $(window).scrollTop(); var docViewBottom = docViewTop + $(window).height(); var elemTop = $(elem).offset().top; var elemBottom = elemTop + $(elem).height(); return ((elemBottom <= docViewBo