Tag: dom

为什么jQuery.val(value)不会从DOM元素中调度任何事件?

当我们在DOM元素上使用方法jQuery.Val( value )来改变它的值。 元素是否应该调度一个事件来通知它的值已经改变了? – 虽然事件’变更’将被派遣。 如果不应该为什么? 现场演示

访问$(document).ready()和jquery之外的变量

所以我有一个包含在我的HTML中的.js文件 如果我把它放在我的.js文件中, $(document).ready(function(){ var siteRoot = $(‘.site-root’).val(); alert(siteRoot); }); 代码会正确地提醒值,但如果我这样做: var siteRoot = $(‘.site-root’).val(); $(document).ready(function(){ alert(siteRoot); }); 它会警告undefined而不是 有没有办法让$(document).ready()访问变量以外的变量,因为如果我把变量放在$(document).ready() ,它将无法从其他js文件访问

是否可以判断DOM是否被修改,以及哪个部分?

如果您知道它将被修改,是否有任何实用的方法可以告诉DOM的哪些部分被修改? 我正在编写一个将与javascript运行的插件,我没有写。 在修改DOM之前将触发事件,并且在修改之后将触发一个事件。 我的工作是决定改变了什么。 这是可能的,如果是这样,最不可怕的方法是什么?

`$(window).load(function(){})`和`$(function(){})之间有什么区别?

我正在使用$(window).load(function(){}); 对于我的项目,直到某处我看到有人说我们可以使用$(function(){}); 他们的表现相同。 但是现在我有更多的经验,我注意到他们并不完全相同。 我注意到在第二段代码之后,第一件作品开始了。 我只是想知道有什么区别?

在HTML字符串中查找元素

我想我有 var testHTML = “”; 我希望得到高于div作为JQuery对象来操纵它。 我尝试找到它: var found = $(testHTML).find(“#demo_div”); 与: var found = $(testHTML).find(“div”); 两个都没有运气。 我有空的找到的变量。 我做错了什么? PS是的我知道我可以直接访问我的div $(“#demo_div”) 但我不能在我的情况下这样做 – 我需要从普通的HTML中获取它,这将被分配给一些变量,就像我在testHTML var中的例子一样 。 更新:即使我没有像这里的root div元素: var testHTML = “”; 我不能使用find来导航div元素。

检测宽度:jQuery中的auto

我正在使用jQuery检索元素的宽度,如果我可以指示是否指定了明确的宽度(和高度),我会更喜欢它。 $(function() { alert($(‘#test’).css(‘width’)); }); 这将根据客户端屏幕上占用的像素数来警告div的隐式宽度。 有没有办法,如果宽度丢失或设置为width: auto ,它可以使用jQueryvalidation? 也就是说,代替上面的示例返回一个整数,它将返回auto或undefined 。 或者,是否存在等效的isAutofunction?

jquery:测试输入变量是否为dom元素

我想编写一个jquery函数,它接受一个dom元素或它的id作为输入: function myfunction(myinput){ // pseudocode: // if (myinput is dom element){ // var myID = $(myinput).attr(‘id’); // } else { // var myID = myinput; // } // Do stuff with myID … } 问题:如何判断myinput是否为dom元素?

在使用ajax的页面中插入html后选择dom元素

我创建了一个ajax选项卡导航,其中html被插入到页面中。 代码看起来像这样: $.ajax({ type: ‘POST’, url: ‘main/ajaxjson/load_course_details’, data: {page : which, course_id: id}, success: function(home){ $(‘#ajax-content ‘).hide(); $(‘#ajax-content’).empty().append(home); $(‘#ajax-content’).fadeIn(); } }); 好的…所以我将我的标记附加到我的HTML中。 现在我需要从插入的html中选择dom元素,但我不能。 我有以下代码: Next <option value="id; ?>”>title; ?> 在这里,我动态生成选择选项。 当我尝试这样做时: $(‘#chapters-select’).change(function(){ alert(‘changed’); }); 它不起作用。 我通过ajax追加html后如何使用javascript?

如何通过Javascript获取通过CSS设置的确切RGBa值?

在我尝试的大多数浏览器中,一旦浏览器解析CSS,RGBa值似乎就会改变。 例如,以下CSS: background-color: rgba(255, 0, 0, 0.5); 通过jQuery.css(’background-color’)或本机CSSStyleDeclaration.getPropertyValue(’background-color’)访问时,提供以下CSS值: rgba(255, 0, 0, 0.498039) 这是一个更多例子的小提琴: http : //jsfiddle.net/hgFEj/3/ Chrome和Safari会产生不同的结果。 Firefox似乎是唯一报告输入的确切值的浏览器。 这是一个bug还是设计?

我应该如何使用jQuery向div添加多个相同的元素

我需要使用jQuery将多个空div添加到容器元素。 目前我正在使用循环生成包含空html的字符串 divstr = ‘…’; 然后将其注入我的容器中: $(‘#container’).html(divstr); 是否有更优雅的方式来插入多个相同的元素? 我希望找到一些不会破坏链接但不会让浏览器瘫痪的东西。 一个可链接的.repeat()插件?