Questions tagged «jquery»

jQuery是一个JavaScript库,请考虑添加JavaScript标记。jQuery是一种流行的跨浏览器JavaScript库,它通过最小化浏览器之间的差异来促进文档对象模型(DOM)遍历,事件处理,动画和AJAX交互。标记为jQuery的问题应与jQuery相关,因此问题代码应使用jQuery,并且问题中至少需要与jQuery使用相关的元素。

5
如何使用JavaScript / jQuery获得<html>标签HTML?
使用“ $('html').html()我”可以在&lt;html&gt;标记(&lt;head&gt;,&lt;body&gt;,等)。但是,如何获取&lt;html&gt;标记的实际HTML (带有属性)? 或者,是否可以&lt;html&gt;使用jQuery(或普通的旧JavaScript)获取页面的整个HTML(包括doctype 等)?
161 javascript  jquery 

12
jQuery与document.querySelectorAll
我多次听到jQuery最强大的资产就是它查询和操作DOM中元素的方式:您可以使用CSS查询创建复杂的查询,而这在常规javascript中是很难做到的。但是,据我所知,您可以使用Internet Explorer 8及更高版本支持的document.querySelector或来获得相同的结果document.querySelectorAll。 所以问题是这样的:如果可以用纯JavaScript实现最强大的资产,为什么要“冒险” jQuery的开销呢? 我知道jQuery不仅具有CSS选择器,例如跨浏览器AJAX,漂亮的事件附加等。但是它的查询部分是jQuery实力的很大一部分! 有什么想法吗?



4
使用$ .each对Json数据进行jquery循环
我在名为data的变量中返回了以下JSON。 这是GETS返回的JSON ... [ {"Id": 10004, "PageName": "club"}, {"Id": 10040, "PageName": "qaz"}, {"Id": 10059, "PageName": "jjjjjjj"} ] 我试图使用$ .each遍历整个集合,但是我遇到了警告显示未定义的问题。我尝试了很多不同的语法,但似乎无法弄清楚。 我正在使用的jQuery是 $.each(data, function(i, item) { alert(item.PageName); }); 谁能指出我正确的方向? 编辑 这是我用来获取数据的代码 $.getJSON('/Cms/GetPages/123', null, function(data) { fillSelect(data); }); 这是在回调时被调用的函数 function fillSelect(data) { alert(data); $.each(data, function(i, item) { alert(item.PageName); }); } 编辑2 这有点让我感到困惑,根据文档,它应该可以按我的方式工作,但事实并非如此。据提琴手说,标题显示:- Content-Type: …
160 jquery  json  foreach 

6
获取相对于父元素的子元素索引
假设我有这个标记: &lt;ul id="wizard"&gt; &lt;li&gt;Step 1&lt;/li&gt; &lt;li&gt;Step 2&lt;/li&gt; &lt;/ul&gt; 我有这个jQuery: $("#wizard li").click(function () { // alert index of li relative to ul parent }); li单击该子项时,如何获得子项相对于其父项的索引li? 例如,当您单击“步骤1”时,alert应弹出带有“ 0”的。
160 javascript  jquery 


11
使用jQuery设置输入值后更新Angular模型
我有一个简单的场景: 输入元素,其值由jQuery的val()方法更改。 我试图用jQuery设置的值更新角度模型。我试图编写一个简单的指令,但是它没有执行我想要的操作。 这是指令: var myApp = angular.module('myApp', []); myApp.directive('testChange', function() { return function(scope, element, attrs) { element.bind('change', function() { console.log('value changed'); }) } }) 这是jQuery部分: $(function(){ $('button').click(function(){ $('input').val('xxx'); }) }) 和html: &lt;div ng-app="myApp"&gt; &lt;div ng-controller="MyCtrl"&gt; &lt;input test-change ng-model="foo" /&gt; &lt;span&gt;{{foo}}&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;button&gt;clickme&lt;/button&gt; 这是我尝试的小提琴:http : //jsfiddle.net/U3pVM/743/ 有人能指出我正确的方向吗?

6
如何在jQuery选择器中使用JavaScript变量?
如何使用JavaScript变量作为jQuery选择器中的参数? &lt;script type="text/javascript"&gt; $(function(){ $("input").click(function(){ var x = $(this).attr("name"); $("input[id=x]").hide(); }); }); &lt;/script&gt; &lt;input type="text" id="bx"/&gt;&lt;input type="button" name="bx"/&gt; &lt;input type="text" id="by"/&gt;&lt;input type="button" name="by"/&gt; 基本上,我想做的就是能够隐藏一个元素,该元素id等于被单击的元素的名称。
160 javascript  jquery 

6
如何获取溢出的真实.height():隐藏或溢出:滚动div?
我有一个关于如何获得div高度的问题。我知道.height()和innerHeight(),但是在这种情况下,它们都没有为我完成这项工作。关键是在这种情况下,我有一个div溢出宽度为div:滚动,并且div具有固定的高度。 如果我使用.height()或innerHeight(),它们都给了我可见区域的高度,但是如果我要考虑溢出的情况,该怎么办?
160 jquery  height  overflow 

12
每三位数字加逗号
如何使用jQuery每隔三个数字使用逗号分隔符格式化数字? 例如: ╔═══════════╦═════════════╗ ║ Input ║ Output ║ ╠═══════════╬═════════════╣ ║ 298 ║ 298 ║ ║ 2984 ║ 2,984 ║ ║ 297312984 ║ 297,312,984 ║ ╚═══════════╩═════════════╝

8
通过内容完全匹配选择元素
好吧,我想知道是否有一种方法可以使:contains()jQuery的选择器仅使用键入的字符串来选择元素 例如 - &lt;p&gt;hello&lt;/p&gt; &lt;p&gt;hello world&lt;/p&gt; $('p:contains("hello")').css('font-weight', 'bold'); 选择器将选择两个p元素并使它们变为粗体,但我希望它仅选择第一个。

5
直接与委派-jQuery .on()
我试图理解使用jQuery .on()方法的直接事件处理程序和委托事件处理程序之间的特殊区别。具体来说,本段的最后一句话: 当selector被提供时,事件处理程序被称为委托。当事件直接发生在绑定元素上时,不调用处理程序,而仅对与选择器匹配的后代(内部元素)进行调用。jQuery使事件从事件目标一直冒泡到附加了处理程序的元素(即,最内层元素到最外层元素),并沿该路径运行与选择器匹配的任何元素的处理程序。 “为任何元素运行处理程序”是什么意思?我做了一个测试页面来试验这个概念。但是以下两个构造导致相同的行为: $("div#target span.green").on("click", function() { alert($(this).attr("class") + " is clicked"); }); 要么, $("div#target").on("click", "span.green", function() { alert($(this).attr("class") + " is clicked"); }); 也许有人可以参考其他示例来阐明这一点?谢谢。

6
如何滚动到Div溢出的元素?
我在div内有20个列表项,一次只能显示5个。滚动到第10项然后到第20项的好方法是什么?我知道所有物品的高度。 该scrollTo插件可以做到这一点,但是如果没有真正了解它的源代码,就很难理解。我不想使用这个插件。 比方说,我有一个功能,需要2元$parentDiv,$innerListItem,既不$innerListItem.offset().top也不$innerListItem.positon().top让我对$ parentDiv正确scrollTop的。
159 jquery 

9
悬停父元素时更改子元素的CSS
首先,我假设这对于CSS3来说太复杂了,但是如果某个地方有解决方案,我很乐意使用它。 HTML非常简单。 &lt;div class="parent"&gt; &lt;div class="child"&gt; Text Block 1 &lt;/div&gt; &lt;/div&gt; &lt;div class="parent"&gt; &lt;div class="child"&gt; Text Block 2 &lt;/div&gt; &lt;/div&gt; 子div设置为显示:无;默认情况下,但随后更改为display:block; 当鼠标悬停在父div上时。问题是此标记出现在我网站上的多个位置,并且我只希望在鼠标悬停在其父对象上方时显示该子对象,而不是在鼠标悬停在其他任何父对象上时都显示该子对象(它们都具有相同的类)名称和ID)。 我尝试使用$(this)并且.children()无济于事。 $('.parent').hover(function(){ $(this).children('.child').css("display","block"); }, function() { $(this).children('.child').css("display","none"); });

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.