Tag: jQuery的

如何使用jquery从子级到父级查找元素计数?

我有一个小问题,我需要计算元素的嵌套级别。 问题是父元素可以包含多个子元素,子元素可以拥有自己的子元素。 请看我想开始计数的地方(标有“我从这里开始”的文字)。 HTML: I start here! 我已经尝试了几件事来计算3。 例如我最后一次尝试: $(this).closest(‘.main_set’).find(‘.child_set’); 这个显然会返回6计数所有child_sets。 如何将child_set元素从起始位置计数到main_set ,仅考虑嵌套。 所以基本上在我的例子中如何获得计数3?

使用POST进行jQuery缓存

虽然我在jQuery AJAX Post请求中设置了cache:false,但它并没有添加额外的randomg字符串。 这是因为post没有缓存吗? 感谢您的时间。

jquery ajax如何实际工作

假设我有一个这样的表格(摘自j​​query的书): Enter your Name 和这样的ajax函数: $(document).ready(function() { $(‘#submit’).click(function () { var name = $(‘.uname’).val(); var data = ‘uname=’ + name; $.ajax({ type:”POST”, url:”welcome.php”, data: data, success: function (html) { $(‘#message’).html(html); } }); return false; }); }); 并且脚本文件如下所示: 它会起作用,但这是我无法理解的。 如果welcome.php脚本从POST数组中获取$ name的值,为什么需要通过ajax请求将数据发送给它? POST数组肯定包含了这些信息吗? 此外,我的理解是ajax请求是键/值对的forms,但数据以uname = name的forms发送,但键/值对通常不具有等号。 这里发生了什么 – 它有效,但对我来说没有意义,我讨厌用死记硬背学到的代码。

$(window).width的条件行为

当窗口高于1278像素时,我想要一定的mouseenter和mouseleave行为。 对于低于1278的宽度,我想禁用此切换行为,只需将2个元素设置为1状态(可见和活动)。 如果浏览器的宽度超过1278,我还必须将状态重置为默认值(隐藏和非活动状态)。这就是我所拥有的: $(‘section’).live(‘mouseenter’, function() { if ($(window).width() > 1278) { $(this).find(‘menu’).removeClass(‘hidden’); $(this).find(‘div.section-wrapper’).addClass(‘active’); } }).live(‘mouseleave’, function() { if ($(window).width() > 1278) { $(this).find(‘menu’).addClass(‘hidden’); $(this).find(‘div.section-wrapper’).removeClass(‘active’); } }); $(document).ready(function() { $(window).bind(‘load resize orientationchange’, function(){ if ($(window).width() < 1278) { $('section').find('menu').removeClass('hidden'); $('section').find('div.section-wrapper').addClass('active'); } else { $('section').find('menu').addClass('hidden'); $('section').find('div.section-wrapper').removeClass('active'); } }); }); 它有效,但我想知道我是否可以做一些更优雅的事情。

jquery陷阱只允许字母

我正在创建一个网页,其中我有一个输入文本字段,我想只允许字母表.. 我怎样才能使用jQuery? 谢谢

jquery中.blockUI的简单示例

我请通过一个简单的演示向我介绍blockUI的目的 -谢谢

使用jQuery获取css动画属性

我已经使用CSS定义了一个动画,它将通过向定义的元素添加一个带有jQuery的类来开始,如下例所示: jQuery(我在Firefox中测试): $(document).on(‘click’, ‘h1 > span:first-child’, function(event) { $(this).addClass(‘animate’); console.log($(‘h1 > span.animate’).length); // 1 (Element exists) console.log($(‘h1 > span.animate’).css(‘animation’)); // Empty string console.log($(‘h1 > span.animate’).css(‘-moz-animation’)); // Empty string console.log($(‘h1 > span.animate’).css(‘-webkit-animation’)); // undefined of course 😉 }); CSS动画(工作正常) // The animation testen was defined before an is working an assign class to span element body […]

Jquery动画。 显示没有css没有变化

在页面的第一次加载中,图像必须显示:none 。 但问题是,当我将display none设置为无效时,animate函数无效,我已经将.css({‘display’:’block’})仍然无法正常工作。 这是我的代码 $(document).ready(function() { $(“img.fade”).hover(function() { $(this).stop().animate({ “opacity”: “1” }, 300); $(this).css({ ‘display’: ‘block’ }); }, function() { $(this).stop().animate({ “opacity”: “0” }, 300); }); }); img.fade { display:none } 如果我删除display:none样式,它正在工作但是当页面首次加载时,图像显示。 我需要在第一次加载时将其隐藏,然后在hover时显示。

jQuery动画Google Map容器​​的高度

我有一个地图容器DIV。 让我们称之为#mapcontainer。 我用jQuery设置它的高度: $(“#mapcontainer”).animate({height: +=200px}, 500); 我知道如果要调整地图容器的大小,需要触发google地图以使用以下内容resize: google.maps.event.trigger(map, ‘resize’); 现在显而易见的是在animate的回调中这样做: $(“#mapcontainer”).animate({height: +=200px}, 500, “linear”, function(){ google.maps.event.trigger(map, ‘resize’); }); 但这看起来并不平滑,地图只是在动画完成后突然出现。 无论如何,地图可以在动画运行时resize,以便地图平滑过渡?

Jquery单选按钮检查

我想检查是否有任何单选按钮被选中,如果没有选择打印一些警报消息。 HTML代码是: 1 2 3 send 我用来检查的Jquery: $(“form#form”).submit(function() { if (!$(“#form_rd”).attr(‘checked’)) {alert(“not checked”);return false;} }) 这个jquery代码不起作用。 这个单选按钮检查有什么更好的解决方案?