通过jquery添加类名后，单击function not working，不需要动态代码 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

WEB入门之十四 jQuery事件

的div元素设置hover事件，在该事件中通过两个匿名函数控制类名是content的div，第一个函数控制该div显示，第二个函数控制该div隐藏。...假设给所有的文本框通过bind绑定了鼠标单击事件，然后再动态创建一个文本框，此时绑定的鼠标单击事件对这个新创建的文本框无效；但是如果使用live进行绑定，那么新创建的文本框也会绑定鼠标单击事件。...="silver"; } ) 在上述代码中，我们给按钮绑定了鼠标单击事件，在该事件中主要实现动态生成行和单元格并添加到表中，同时给所有的行绑定了鼠标单击事件，用来实现背景色的改变。...添加过两个商品后，表格中一共有3行数据，第1行是原本存在的，后两行是动态创建并添加到表格上的。现在单击表格中的行，我们会发现只有第1行的背景色可以改变，后两行的背景色没有改变。...把bind换成live后，表格中的任何一行在单击时都可以改变背景色，包括动态创建的行。

1.9K1 0

WEB入门之十四 jQuery事件

事件，在该事件中通过两个匿名函数控制类名是content的div，第一个函数控制该div显示，第二个函数控制该div隐藏。...假设给所有的文本框通过bind绑定了鼠标单击事件，然后再动态创建一个文本框，此时绑定的鼠标单击事件对这个新创建的文本框无效；但是如果使用live进行绑定，那么新创建的文本框也会绑定鼠标单击事件。...="silver";}) 在上述代码中，我们给按钮绑定了鼠标单击事件，在该事件中主要实现动态生成行和单元格并添加到表中，同时给所有的行绑定了鼠标单击事件，用来实现背景色的改变。...添加过两个商品后，表格中一共有3行数据，第1行是原本存在的，后两行是动态创建并添加到表格上的。现在单击表格中的行，我们会发现只有第1行的背景色可以改变，后两行的背景色没有改变。...把bind换成live后，表格中的任何一行在单击时都可以改变背景色，包括动态创建的行。

1.8K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

jQuery (二)

$( "button" ).click(function() { $( "p" ).toggle( "" ); }); 上方代码，实现了切换p标签，两种状态的切换。...Ajax Ajax实现了不需要刷新，即可动态的加载一部分页面， load 是滴，load如果传入的参数为字符串，而是函数，load为事件的处理程序的注册，而不是ajax方法。...$('div').js_jquery(); // 直接使用加载的类库 }) 底层是使用XMLHttmpRequest对象来获取将要执行的脚本内容，然后将内容添加到script元素内部。...{ // data将会是解析后的对象{x:1, y:2} }) jQuery.get jQuery.post jQuery.get('...., ''); // 遍历jQuery对象中的每一个元素 this.each(function() { // 将参数的字符串作为文本添加到每一个元素的后面，并添加一个br jQuery

10.8K3 0

jQuery中on()、bind()、live()、delegate()之间的区别

jQuery的.on()、.bind()、.live()和.delegate()之间的区别并非总是那么明显的，然而，如果我们对所有的不同之处都有清晰的理解的话，那么这将会有助于我们编写出更加简洁的代码，...,event,data,function)//jquery1.4.2及其以上版本； $(selector).on(event,childselector,data,function); //jquery1.7...上去(因为一个页面只有一个id),而且当事件发生时，handler可以立即被执行(相对于后面的live, delegate)实现方式; 缺点它会绑定事件到所有的选出来的元素上它不会绑定到在它执行完后动态添加的那些元素上...优点这里仅有一次的事件绑定，绑定到document上而不像.bind()那样给所有的元素挨个绑定那些动态添加的elemtns依然可以触发那些早先绑定的事件，因为事件真正的绑定是在document上...data来决定那个子元素来匹配，但是因为你可以决定放在那个根元素上，所以可以有效的减小你所要查找的元素可以用在动态添加的元素上缺点需要查找那个那个元素上发生了那个事件了，尽管比document少很多了

1.8K3 0

JQuery从入门到实战

; }); 解绑事件如果不指定事件名称，则会把该对象绑定的所有事件都解绑 //jQuery 对象.off(事件名称); //通过btn2解绑btn1的单击事件 $("#btn2").on("click...(){ $("#div").css("background","blue"); }); // 3.addClass(value) 给指定的对象添加样式类名...给指定的对象删除样式类名 $("#btn4").click(function(){ $("#div").removeClass("cls1"); }); /.../ 5.toggleClass(value) 如果没有样式类名，则添加。...操作样式 addClass(value)：给指定的对象添加样式类名。 removeClass(value)：给指定的对象删除样式类名。

16.2K3 0

Web API--入门--（一）ASP.NET Web API 2（C＃）入门

一般来说，你不需要知道ASP.NET MVC来使用Web API。添加模型一个模型是代表你的应用程序中的数据的对象。...在解决方案资源管理器中，右键单击Models文件夹。从上下文菜单中，选择添加，然后选择类。 ? 将类命名为“产品”。将以下属性添加到Product类中。...Web API控制器类似于MVC控制器，但继承ApiController类而不是Controller类。在解决方案资源管理器中，右键单击Controllers文件夹。选择添加，然后选择控制器。 ?...在“ 添加脚手架 ”对话框中，选择“ Web API控制器” - “空”。单击添加。 ? 在“ 添加控制器 ”对话框中，命名控制器“ProductsController”。单击添加。 ?...使用Javascript和jQuery调用Web API 在本节中，我们将添加一个使用AJAX调用Web API的HTML页面。我们将使用jQuery来进行AJAX调用，并且还可以使用结果更新页面。

6.3K1 0

jQuery（事件和动画-事件绑定移除、动画）

jQuery新增事件推荐将新增事件放置在ready事件中，保证你在添加事件时能够选择到元素。...$(function(){ $(selector).event(function(){ //event是jquery的基础事件，单击写click,双击dbclick //this可以获取到当前元素的...js对象 }) }) 动态绑定事件不需要一定放置在ready事件中。...$(selector).unbind('event'); 注意：jquery大多数元素的事件都会使用新增事件或动态绑定的方式添加。...代码书写示例： function fun2() { $("#b").animate({left:"200"},500,function () { alert("移动完成"); })

3.3K1 0

Web前端知识(四)

鼠标单击事件 click 鼠标进入事件 mouseover 鼠标离开事件 mouseout 鼠标移动事件 mousemove 4.1.6. jQuery操作CSS l通过jQuery可以很方便的来操作...操作类 1)添加类 - 添加一个类 addClass(class)给某个元素添加一个 CSS 类 $('div').addClass('myClass1'); 代码: 注意:类名没有”点” -添加多个类...addClass(class1 class2 class3...)给某个元素添加多个 CSS 类添加多个类时, 类名使用空格隔开 $ (‘div’).addClass(‘myClass1 myClass2...中动画(***) 4.1.9.1.jq中动画简介通过jQuery动画方法,能够很轻松地为网页添加非常精彩的视觉效果,给用户一种全新体验. 4.1.9.2.jq中动画分类 1.显示、隐藏 2.滑动...而 jQuery 提供给我们一个类似功能的独立方法: toggle() 方法用来切换显示隐藏代码实战: $("button").eq(2).click(function () { $("div

8.4K3 0

Jquery 使用技巧总结

）名称为select的class 9、完善的事件处理功能 Jquery已经为我们提供了各种事件处理方法，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。...如： $("#msg").click(function(){alert("good")}) //为元素添加了单击事件 $("p").click(function(i){this.style.color...例如： $("p").bind("click", function(){alert($(this).text());}); //为每个p元素添加单击事件 $("p").unbind();...把一个数组中的项目(处理转换后)保存到到另一个新数组中，并返回生成的新数组。..." 12、解决自定义方法或其他类库与jQuery的冲突很多时候我们自己定义了$(id)方法来获取一个元素，或者其他的一些js类库如prototype也都定义了$方法，如果同时把这些内容放在一起就会引起变量方法定义冲突

4.1K2 0

WEB入门之十六操作DOM节点

7.1.2 插入节点在实际开发中，有些节点需要动态的插入到页面中，这时可以通过jQuery提供好的一些函数来实现，详见表7-1-1所示。...7.2 节点筛选前面我们学习了过滤选择器，它是在获取到元素后通过索引进一步进行了过滤或筛选。...任务实训部分 1：动态管理树形菜单训练技能点 Ø jQuery节点操作需求说明使用jQuery节点操作函数对树形菜单进行动态添加和删除，如图7.2.1所示。...添加节点时，需要先单击选中某个一级或二级节点，然后在文本框中填写新添加的节点名，单击【添加】按钮把节点名作为新节点添加到选中的节点下面。删除节点只实现删除三级节点即可。...训练技能点 Ø jQuery节点操作需求说明使用jQuery节点操作函数对行进行动态添加和删除。

1.2K1 0

jquery对象和dom对象的相互转换

1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom...$("#msg").click(fn); //为id为msg的元素单击事件添加函数同样blur,focus,select,submit事件都可以有着两种调用方法 5、集合处理功能对于jquery...）名称为select的class 9、完善的事件处理功能 Jquery已经为我们提供了各种事件处理方法，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。...如： $("#msg").click(function(){alert("good")}) //为元素添加了单击事件 $("p").click(function(i){this.style.color...例如： $("p").bind("click", function(){alert($(this).text());}); //为每个p元素添加单击事件 $("p").unbind(); //删除所有

4.5K4 0

50个必备的实用jQuery代码段

本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。...$('link[media='screen']').attr('href', 'alternative.css'); 如何限制选择范围（基于优化目的）： //尽可能使用标签名来作为类名的前缀， //这样...jQuery就不需要花费更多的时间来搜索 //你想要的元素。...它存在…… } 如何使用jQuery来检测右键和左键的鼠标单击两种情况： $("#someelement").live('click', function(e) { if( (!...//而这是在1.4中可以使用delay()这一功能来实现的方式（这很像是休眠） $(".mydiv").delay(5000).hide('blind', {}, 500); 如何把已创建的元素动态地添加到

8K0 0

WEB入门之十六操作DOM节点

7.1.2 插入节点在实际开发中，有些节点需要动态的插入到页面中，这时可以通过jQuery提供好的一些函数来实现，详见表7-1-1所示。...7.2 节点筛选前面我们学习了过滤选择器，它是在获取到元素后通过索引进一步进行了过滤或筛选。...任务实训部分 1：动态管理树形菜单训练技能点 Ø jQuery节点操作需求说明使用jQuery节点操作函数对树形菜单进行动态添加和删除，如图7.2.1所示。...添加节点时，需要先单击选中某个一级或二级节点，然后在文本框中填写新添加的节点名，单击【添加】按钮把节点名作为新节点添加到选中的节点下面。删除节点只实现删除三级节点即可。...训练技能点 Ø jQuery节点操作需求说明使用jQuery节点操作函数对行进行动态添加和删除。

1.4K1 0

Web阶段：第五章：JQuery库

Jquery介绍 1.什么是JQuery ? jQuery，顾名思义，也就是JavaScript和查询（Query），它就是辅助JavaScript开发的js类库。...Jquery 的初体验需求：使用Jquery和javascript给一个按钮绑定单击事件注意：使用Jquery之前要将第三方jar包导入 <!...var btnObj = document.getElementById("btnId"); //2 通过标签对象.事件名 = function(){}...1、使用jquery一定要引入jquery库吗？答案：是 2、jquery中的$到底是什么？答案：核心函数 3、怎么为按钮添加点击响应函数的？...答案：操作如下： ①获取标签对象 var $btnObj = $("#btnId");// 根据id属性值查询标签对象 ②通过标签对象.click( function(){} ) 绑定了函数 Jquery

4963 0

Python全栈之jQuery笔记

ready(function () { 代码块 }); 方式二: $(function () { 代码块 }); JS的入口函数: window.onload = function...$("#id名") 获取指定的ID元素类选择器 $(".class名") 获取同一类class元素标签选择器 $("标签名")...jQuery在进行值获取时,只会返回第一个元素对应的值. 1.3 操作样式类名(jQuery获取并设置 CSS 类): $("#div1").addClass("divClass2") //为...阻止事件冒泡: 事件冒泡机制有时候是不需要的,需要阻止掉,通过 event.stopPropagation()来阻止....通过给$.fn添加方法就能够扩展jQuery对象 $.fn.pluginName = function(){}; =======================================

6.7K4 0

Ajax与jQuery异步加载数据

由于用 jQuery 实现 ajax 比较简单，因此接下来的代码引用jQuery库实现Ajax，另外使用Django作为框架。其中jQuery可以手动下载放到本地文件夹中，也可以引用下面的语句。...的div将展示Ajax数据 (document).ready(function(){})指页面其他元素加载完成后开始加载Ajax数据，此时，浏览器不会有加载条和转圈的情况出现。....getJSON(‘/ajax_server/’,function(ret)指从Django的view.py中的函数ajax_server读取JSON数据，数据通过(‘#demo’).append(ret...一个被完整读入的页面与一个已经被动态修改过的页面之间的可能差别非常微妙；用户通常都希望单击后退按钮，就能够取消他们的前一次操作，但是在Ajax应用程序中，却无法这样做。...不过开发者已想出了种种办法来解决这个问题，HTML5之前的方法大多是在用户单击后退按钮访问历史记录时，通过创建或使用一个隐藏的IFRAME来重现页面上的变更。

12.3K2 0

JQuery

// 找到按钮，绑定单击找到div 隐藏 $('#btn').click(function(){ // $('div').hide(500)...***添加类删除类 .addClass()添加类 .removeClass()删除类删除了class=“xx”中的类名xx，而不会删除class。删除完之后是class。...class中可以添加多个类。 class=“aa bb cc”如果括号里面不填类名，会删除所有类名，如果填了类名，就删除指定的类名。 toggleClass() function(){}) ----- 一个页面只能有一个form标签 HTML5.0 表单域标签的id名.submit(function(){}...id名.submit(function(){}) -- 一个页面可以有多个form标签 $('#login').submit(function(event){

8.4K2 0

AJAX常见面试问题

，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。 text：返回纯文本字符串。 success：请求成功后调用的回调函数，有两个参数。...jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局 (1) jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。...一个被完整读入的页面与一个已经被动态修改过的页面之间的差别非常微妙；用户通常会希望单击后退按钮能够取消他们的前一次操作，但是在Ajax应用程序中，这将无法实现。...JQuery会生成随机回调函数名称，或者你自己起名字。后台会获取callback的值，连接上() 把数据放入() 中，返回页面，相当于调用函数function名(data)。...前端接收到后台的响应数据，进行解析，根据业务需求动态操作页面元素 28.如何添加HTML事件，三种。 1.

3K2 0

jQuery的简单使用

通过jQuery注册事件 jQuery注册事件也很简单，通过选择器包装好标签对象后，调用相关的事件方法即可，调用事件方法时需要传递一个函数对象，当事件被触发就会执行函数里的代码。...(e){ alert('单击事件！')...方法，可以给标签添加类样式，相对的removeClass方法则是删除标签中的类样式： <!...控制标签通过jQuery可以很方便的控制标签，例如可以对某个标签增加子标签，或者删除某个标签等等，append方法就可以给某个标签添加一个子标签： <!...; }); 控制标签属性 attr方法可以控制标签的所有属性，通过这个方法可以给某个标签动态设置属性，也可以通过这个方法来获得某个属性的值，

8K1 0

Jquery入门基础教程免费版

.first() .last() .eq(0) 3.2 基本选择器 1.id选择器 $("#id名") 2.类选择器 $(".类选择器名")来访问相应的使用类样式的元素 3....同样，在jQuery里面，我们要操作页面对象还是需要找对象，找页面对象，就是通过各类的选择器来找，简化我们的业务代码量。...比如prop()、removeProp() 类样式操作：是指对DOM属性className进行添加，移除操作。...,function(){}) //相当于把click,单击事件绑定到匿名函数了; //选择器对象.on(事件名,function(){代码段}) $("#on").on("click...('bgStyle') toggle:模拟连续点击; toggleClass:如果存在就删除一个类,如果不存在，则添加这个样式。

2.2K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭