Tag: dom

javascript或jquery获取给定元素的背景位置属性,然后动态地+/-

我有一些我想要设置滚动的元素,我怎么想在飞行中进行计算而不是每次为每次滚动手动设置位置,因为随着时间的推移会有很多。 目前我正在使用一个精灵,随着时间的推移,我追加更多它。总是并排,并且总是10px填充它的每个图像方面。 所以我知道如果我的defualt位置总是0 100例如我想要翻转那么我知道它将是50 100我怎么能去做一个方法来获取2的值但只有添加到其中一个

获取jQuery和/或DOM对象的HTML字符串

我想我已经阅读了完整的jQuery API文档 ,并在调试器中查看了jQuery对象和简单的DOM元素,以检查它们在运行时实际具有哪些方法,但对于我的生活,我找不到一种方法来获取表示jQuery对象或DOM节点内容的html字符串。 我错过了什么吗? jQuery对象有方法html() ,DOM元素有属性innerHTML但两者都只给出了对象的内部html。 所以,如果我有这样的HTML: Hello World! 我使用jQuery做这样的事情var $div = $body.find(“div”)然后我调用$div.html()返回的字符串是” Hello World! ” 。 但我正在寻找一种方法让它返回” Hello World! ” (我不关心空白)。 我究竟做错了什么? 获取这些对象的html表示并不困难,可以吗?

如何使用jquery查找和检查树中的所有动态子复选框?

我已动态地向所有元素添加了复选框,并成功添加了选中所有复选框的function,但无法在树结构中选择父子复选框,这意味着如果我选择“亚洲”,则应选择所有“Estern Asia “和”南亚“,如果我选择Estern Asia,它应该选择所有国家,反之亦然。 var json ={“Asia”: [{“regionList”: [{“regionName”: “Eastern Asia”,”Countrylist”: [{“countryName”: “China”,”subCountryList”: [{“subCountryName”: “Southern China”},{“subCountryName”: “Eastern China”}]},{“countryName”: “Hong Kong”}]},{“regionName”: “Southern Asia”,”Countrylist”: [{“countryName”: “India”},{“countryName”: “Pakistan”}]}]}]}; var html = ”; $.each(json, function(i1, object) { html += ” + i1 + ”; $.each(object, function(i2, continent) { html += ”; $.each(continent.regionList, function(i3, region) { html += ” + […]

在jQuery中,如何有效地添加大量元素?

我目前有一个真实的发电机草图。 虽然它工作正常,但它很慢。 我使用jQuery添加到 每个布尔值组合。 对于每个值, 元素由jQuery创建,然后添加到 。 而且,我正在使用jQuery UI来获得漂亮的按钮而不是单选按钮。 在我发布的代码提取中, table是一个包含每个布尔组合的数组。 也许我的代码有点不可思议,但它基本上归结为4个布尔变量(16种可能性),96个 元素是在添加了类和data属性集的情况下创建的。 在第二部分中,创建三组三个单选按钮并将其转换为jQuery UI按钮组。 使用计时器我发现在所有东西都填满之前需要大约0.4秒。 没有那么大的交易,但它肯定是显而易见的,并没有对用户产生积极的影响,因为每次他输入一个不同的布尔公式,它需要半秒钟加载。 $table = $(‘#table’); $.each(table, function(k, v) { $tr = $(”).addClass(‘res’).data(‘number’, k); $.each(v[0], function(k2, v2) { $td = $(”).text(v2).addClass(v2 ? ‘green notresult’ : ‘red notresult’); for(var i = 0; i < 4; i++) { $td.data(i, i === k2); } […]

jQuery冒号选择器

在jQuery中有一些冒号选择器 :上一篇:下一篇:最后一篇 我的问题是: 它们真的是jQuery的一部分,因为它们实际上是用在DOM元素上的吗? 我们似乎在jQuery prev() , next() , last()也有相同的方法。 有两种不同方式的目的是什么? 任何基本的例子都会非常棒。

Ajax响应使用查找查找HTML片段

我正在用JQuery查找一些测试,我有一个来自AJAX请求的html响应,所以最初的结果就是这个。 Hi 在我的Ajax成功代码是这个.. success : function(response,status) { console.log( $(response).find(‘#dashboard’).html() ); } 在控制台上打印它,给我一个undefined 。 但是当我修改响应页面(我创建了一个嵌套div)时 Hi 我的Ajax Success代码中的行返回了console.log( $(response).find(‘#dashboard’).html() ); 归还了 Hi 我的问题,在执行console.log( $(response).find(‘#dashboard’).html() );时,第一个HTML是怎么console.log( $(response).find(‘#dashboard’).html() ); 它给了我一个未定义的,但是在第二个HTML(嵌套在div中的那个)给了我#dashboard的内容(我希望得到的那个)。

当div的内容发生变化时,如何自动调整div的大小?

目前,我在这个DIV上有一个以页面为中心的注册表单。 DIV的内容来自ascx页面。 这很好地完成了。 现在,如果用户尝试填写不唯一的名称,则会在username字段旁边添加一些错误消息。 这打破了DIV的布局,因为现在的内容比以前更宽。 所以我用Google搜索了这个,但我找不到解决方案。 任何人都可以帮我找到一个很好的方法(伪HTML / js): function resizeToNewSize() { $(“#myCenteredDiv”).animateToSize($(“#myCenteredDiv”).contentWidth, $(“#myCenteredDiv”).contentHeight); } 我正在寻找“onChangeContents”方法(和/或事件)和“div.contentWidth”属性。 非常感谢帮助我! 更新:试图更清楚地解释问题 假设我有这个DIV: Enter your name: 让我们说我有这个jQuery片段: $(document).ready(function() { $(“#txtYourName”).live(“blur”, function() { if (validateInput($(“#txtYourName”).val())) { $(“#errorYourName”).html(“”); // entry 1 } else { // entry 2 $(“#errorYourName”).html(“This name is not valid.”); } }); }); …其中validateInput(value)为有效值返回true 。 现在好了。 SimpleModal插件获取div并将其置于页面的中心,具有一定的宽度和高度,它以某种方式读取div的内容。 因此div不比输入框宽,因为此时跨度是空的。 当输入框失去焦点时,会在范围中输入错误消息。 […]

jquery拖动图像

我想在jquery中制作一个可拖动的图像。 首先,我对jquery的经验是0.说过让我描述一下我想要实现的目标。 我有固定的宽度/高度div。 并且div中包含的图像很大。 所以我希望图像在div中可拖动,以便用户可以看到整个图像。 有人可以帮忙吗 考虑到我的jquery流畅性,请稍微详细说明一下程序。

检测页面上是否有jQuery对象

给定一个jQuery对象$j ,我需要知道它是否代表页面上已经存在的东西,或者它是否是尚未放在页面上的东西。 例如,如果我有这个: $j = $(‘#id-of-something-already-on-the-page’); 要么 $j = $(‘Where is pancake house?’).appendTo($(‘#this-is-already-there’)); 然后我在页面上有一些东西,我不需要把它放在页面上。 但是,如果我有这个: $j = $(“I’ll cook you some eggs, Margie.”); 然后我需要在它出现在页面之前附加它。 问题是你如何询问$j是否在页面上? 我知道两种方式的工作做得很好: 看看它是否有父: $j.parent().length > 0表示它在页面上。 看看它是否有一个有效的索引: $j.index() > -1表示它在页面上。 如果$j是html或者可能是body ,我可以看到第一个失败; 我很高兴忽略这两个病态的案例。 我想不出第二种方法会失败的方式。 是否有一种标准技术来询问页面上是否有jQuery对象? 我不在乎$j是否可见。

使用jQuery动态地向表中添加行和列

我有以下JavaScript代码: function addRowToTable() { var tbl = document.getElementById(‘tblSample’); var lastRow = tbl.rows.length; // if there’s no header row in the table, then iteration = lastRow + 1 var iteration = lastRow; var row = tbl.insertRow(lastRow); // left cell var cellLeft = row.insertCell(0); var textNode = document.createTextNode(iteration); cellLeft.appendChild(textNode); // right cell var cellRight = row.insertCell(1); var […]