jquery如果输入文本有值，则将class添加到标签，如果没有值，则删除它 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

【JQuery框架】超详细DOM操作看这一篇就够了！

var divValue = $("#mydiv").html(“你好”) 2. text() 作用：获取/设置元素的标签体纯文本内容 // 获取mydiv文本内容 var divText...如果操作的是元素自定义的属性，则建议使用attr （2）对class属性操作 1. addClass() 作用：添加class属性值 //<input type="button" value="...() 作用：切换class属性 // //为one标签的class样式进行切换，有class属性就删除，没有就添加...class="one"，则将属性值one删除掉。...如果元素对象上不存在class="one"，则添加 4. css() 作用，修改元素属性 //<input type="button" value=" 通过css()获得id为one背景颜色"

7415 0

前端基础-JQuery(一)

给程序员看的，有良好的缩进和注释。体积大一些 2. jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些。程序加载更快 2....如果操作的是元素的固有属性，则建议使用prop 2. 如果操作的是元素自定义的属性，则建议使用attr 2....对class属性操作 1. addClass():添加class属性值 2. removeClass():删除class属性值 3. toggleClass():切换class属性...* toggleClass("one"): * 判断如果元素对象上存在class="one"，则将属性值one删除掉。...如果元素对象上不存在class="one"，则添加 4. css(): 3.

1.4K2 0

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

是的

没有找到

JQuery-学习笔记03【基础——DOM操作】「建议收藏」

/设置元素的标签体纯文本内容，内容 –> 内容 3. val()：获取/设置元素的value属性值 2..../设置元素的标签体纯文本内容，内容 –> 内容 3. val()：获取/设置元素的value属性值 2....如果操作的是元素的固有属性，则建议使用prop 2. 如果操作的是元素自定义的属性，则建议使用attr 2....toggleClass()：切换class属性 * toggleClass(“one”)：动态判断：如果元素对象上存在class=”one”，则将属性值one删除；如果元素对象上不存在...class=”one”，则将属性值one删除；如果元素对象上不存在class=”one”，则添加。

2.3K1 0

JQuery 笔记（一）

: 获取/设置元素的标签体纯文本内容内容 --> 内容 3. val()：获取/设置元素的value属性值 2....如果操作的是元素的固有属性，则建议使用prop 2. 如果操作的是元素自定义的属性，则建议使用attr 2....对class属性操作 1. addClass():添加class属性值 2. removeClass():删除class属性值 3...="one"，则将属性值one删除掉。...如果元素对象上不存在class="one"，则添加 4. css(): 3.

9371 0

第50次文章：JQuery基础

体积大一些 jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些。...> text():获取/设置元素的标签体纯文本内容内容 ---> 内容 val():获取/设置元素的value属性值 2、属性操作 (1) 通用属性操作 attr...如果操作的是元素的固有属性，则建议使用prop 如果操作的是元素自定义的属性，则建议使用attr (2) 对class属性操作 addClass()：添加class属性值。...removeClass():删除class属性值。 toggleClass():切换class属性。...例如：toggleClass("one"):判断如果元素对象上存在class="one"，则将属性值one删除掉。如果元素对象不存在class="one"，则添加。

2K3 0

好久不用 jQuery，来复习一下

给程序员看的，有良好的缩进和注释。体积大一些 ♞ jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些。...1.2.1 基本选择器基本选择器是 jQuery 中最常用的选择器，也是最简单的选择器，它通过元素 id、class 和标签名等来查找 DOM 元素。...1.3 DOM 操作 1.3.1 内容操作操作说明 html() 获取/设置元素的标签体内容 text() 获取/设置元素的标签体纯文本内容 val() 获取/设置元素的 value 属性值 1.3.2...prop 的区别 ① 如果操作的是元素的固有属性，则建议使用prop ② 如果操作的是元素自定义的属性，则建议使用attr ☞ 对 class 属性操作操作说明 addClass() 添加class...属性值 removeClass() 删除class属性值 toggleClass() 切换class属性，有则删除，无则添加 css() 修改 css 样式 1.3.3 CRUD 操作说明 append

6.2K4 0

一文入门jQuery

（元素选择器）语法： $(“html标签名”) 获得所有匹配标签名称的元素 id选择器语法： $(“#id的属性值”) 获得与指定id属性值匹配的元素类选择器语法： $(“.class的属性值”...内容 --> 内容 text(): 获取/设置元素的标签体纯文本内容内容 --> 内容 val()：获取/设置元素的value属性值属性操作通用属性操作 attr(): 获取/设置元素的属性...如果操作的是元素的固有属性，则建议使用prop 如果操作的是元素自定义的属性，则建议使用attr 对class属性操作 addClass():添加class属性值 removeClass():删除class...属性值 toggleClass():切换class属性 toggleClass(“one”): 判断如果元素对象上存在class=“one”，则将属性值one删除掉。...如果元素对象上不存在class=“one”，则添加 css(): CRUD操作: append():父元素将子元素追加到末尾对象1.append(对象2): 将对象2添加到对象1元素内部，并且在末尾

4.6K2 0

Jquery基础之DOM操作

把新建节点添加到DOM树中JQuery代码如下： ("ul").append( 　　　　　　添加后页面中只能看到元素默认的"·",由于没有为节点添加文本所以只显示默认符号，下面创建文本节点。...DOM对象包装成JQuery对象，把新建的文本节点添加到DOM树中JQuery代码如下： ("ul").append( 　　　　　　添加后页面中能看到"·苹果"，右键查看页面源码发现新加的文本节点没有...四、删--删除DOM节点操作　　　　　　如果想要删除文档中的某个元素JQuery提供了两种删除节点的方法：remove()和empty(); 　　　　1、remove()方法　　　　　　remove...PS:addClass()和attr()方法设置样式的不同，attr方法把元素的属性名对应的属性值设为方法中的参数值，addClass()则把属性值添加到属性名对应的属性值中。...closest()方法()用来取得最近的匹配元素，首先检查当前元素是否匹配如果匹配则直接返回，否则继续向上查找父元素中符合条件的元素返回，如果没有匹配的元素则返回空JQuery对象。

6661 0

【Java Web_09】JQuery

DOM ① 内容操作 * html() 获取/设置元素的标签体内容 * text() 获取/设置元素的标签体纯文本内容 * val()...* addClass() 添加class属性值 * removeClass() 删除class属性值 * toggleClass()...切换class属性[有则删除，无则添加] * css() 修改 css 样式 5....事件绑定 ① jquery标准的绑定方式 * jq对象.事件方法(回调函数)； * 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。...② on绑定事件/off解除绑定 * jq对象.on("事件名称",回调函数) * jq对象.off("事件名称") - 如果off方法不传递任何参数，则将组件上的所有事件全部解绑

2K1 0

JQuery的学习

给程序员看的，有良好的缩进和注释。体积大一些 2. jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些。...内容操作： 1.html():获取/设置元素的标签体内容 2.text()：获取/设置元素的标签体纯文本内容 3.val():获取/设置元素的value属性值 $(function...对class属性操作： 1.addClass():添加class属性值 2.removeClass()：删除class属性值 3.toggleClass():切换class属性 * toggleClass...("one"): * 判断如果元素对象上存在class="one",则将属性值one删除； * 如果不存在，则添加。...，则将btn上面所有的参数都删除掉 }); }) 3.

18.5K2 0

Web阶段：第五章：JQuery库

2.JQuery核心思想: 它的核心思想是write less,do more(写得更少,做得更多)，所以它实现了很多浏览器的兼容问题。... 对表单内不可用文本输入框赋值操作....设置和获取起始标签和结束标签中的文本 val() 跟value属性一样。专门用来操作表单项的value属性。...toggleClass() 有就删除，没有就添加 offset() 设置和获取标签和坐标案例：如果有多个定义则只执行最后一个2、(function(){})：在Dom节点创建完成后执行，如果有多个定义则依次执行可以看出(function(){})在window.onload

28.8K2 0

JQuery从入门到实战

//1. html() 获取标签的文本内容 $("#btn1").click(function(){ //获取div标签的文本内容...btn4").click(function(){ $("#div").removeClass("cls1"); }); // 5.toggleClass(value) 如果没有样式类名...，则添加。...如果有，则删除 $("#btn5").click(function(){ $("#div").toggleClass("cls1"); }); 标签的文本，解析标签。

16.2K3 0

前端之jQuery

#id") 标签选择器： $("tagName") class选择器： $(".className") 配合使用： $("div.c1") // 找到有c1 class类的div标签所有元素选择器：...hasClass();// 判断样式存不存在返回的是布尔值 toggleClass();// 切换CSS类名，如果有就移除，如果没有就添加。...--$(window).scrollTop();可在浏览器端输入这段代码获取获取匹配元素相对滚动条顶部的偏移量--> 3.4.3文本操作文本操作遵循：有就取，没有就添加的原则..." $('div').html() "人生苦短" 通过上例可以看出，text在添加文本的过程中可以将原标签内的文本和标签全都覆盖掉。...当这种情况发生时，它通常不需要显式地循环的 .each()方法：也就是说，上面的例子没有必要使用each()方法，直接像下面这样写就可以了： $("li").addClass("c1"); // 对所有标签做统一操作

6.1K2 1

jQuery DOM操作

var $li = $("ul li:eq(1)").remove(); // 获取第2个元素节点后，将它删除 $li.appendTo("ul"); // 将刚才删除的节点重新添加到...需要注意的是，这个方法不会将匹配的元素从jQuery对象中删除，其所有绑定的事件和附加数据可以保留下来。如果将来再使用这个元素，相关事件和数据依然存在。...// 如果使用remove()方法删除元素，那么之前绑定的事件将会失效。（3）empty() 清空元素中的所有后代节点。...").replaceAll("p"); 包裹节点有时候需要把某个节点用其他标签包裹起来，jQuery有三种方法：wrap()、wrapAll()、wrapInner()。...//设置p元素的文本内容 val() 获取和设置某个元素中的值 var txt_value = $(this).val(); //获取this元素的值 $(this).

2.6K6 0

jQuery基础

选择器筛选器样式操作文本操作属性操作文档处理事件动画效果插件 each、data、Ajax 四、jQuery有哪些版本？...值得庆幸的是使用这些浏览器的人也逐步减少，PC端用户已经逐步被移动端用户所取代，如果没有特殊要求的话，一般都会选择放弃对678的支持。...五、查找标签选择器 id选择器： $("#id") 标签选择器： $("tagName") class选择器： $(".className") 配合使用： $("div.c1") // 找到有c1...hasClass();// 判断样式存不存在 toggleClass();// 切换CSS类名，如果有就移除，如果没有就添加。...，在3.x版本的jQuery中则没有这个问题。

2.6K12 0

JavaWeb——JQuery之DOM操作应用及实践案例总结（DOM内容操作、DOM属性操作、CRUD操作）

()：获取/设置元素的标签体纯文本内容，如上，获取a标签中的“内容”两个字； 3）val()：获取/设置元素的value属性值。...)：获取/设置元素的属性值 4）removeProp()：删除属性【注意】：prop和attr的区别，如果操作的是元素的固有属性（非自定义的），建议使用prop；若是自定义属性，建议用attr。...属性操作 1）addClass()：添加class属性值； 2）removeClass()：删除class属性值； 3）toggleClass()：切换class属性，如toggleClass("one...")，若元素对象上存在class="one"，则将属性值one删除，否则添加；【案例练习】：应用以上方法获取或设置属性添加到A的前面，对象A和B是平级的； 9）remove()：移除元素，如对象A.remove()，将对象删除掉； 10）empty()：清空元素的所有后代元素，如对象A.empty()，

3.5K5 0

【前端基础篇】JavaScript之jQuery介绍

如果在⽂档没有完全加载之前就运⾏函数，操作可能失败 $(document).ready(function(){ // jQuery functions go here }) 示例： <button...说明 text() 设置或返回所选元素的文本内容 html() 设置或返回所选元素的内容（包括 HTML 标签） val() 设置或返回表单字段的值 **这三个⽅法即可以获取元素的内容,⼜可以设置元素的内容.... ** 有参数时,就进⾏元素的值设置没有参数时,就进⾏元素内容的获取代码示例：获取元素内容：你好则移除；如果没有，则添加。...$("#elementId").toggleClass("activeClass"); // 如果 #elementId 元素当前有 "activeClass" 类，则移除它，否则添加它事件处理拓展

3.4K1 0

JQuery基础学习

标签名") 获得所有匹配标签名称的元素注意：获取出来的是一个数组，都为js对象 id选择器语法： $("#id的属性值") 获得与指定id属性值匹配的元素类选择器语法： $(".class的属性值...如果操作的是元素的固有属性，则建议使用prop 如果操作的是元素自定义的属性，则建议使用attr class属性值 removeClass()：删除class属性值 toggleClass()：切换class属性 toggleClass("one")；判断如果元素对象上存在...class="one"，则将属性值one删除掉。...如果元素对象上不存在class="one"，则添加。 css()：直接设置css样式 <!

4.1K2 0

jquery jQuery快速入门

值得庆幸的是使用这些浏览器的人也逐步减少，PC端用户已经逐步被移动端用户所取代，如果没有特殊要求的话，一般都会选择放弃对678的支持。...选择器： $(".className") 配合使用： $("div.c1") // 找到有c1 class类的div标签所有元素选择器： $("*") 组合选择器： $("#id, .className...hasClass();// 判断样式存不存在 toggleClass();// 切换CSS类名，如果有就移除，如果没有就添加。...，必须等待着图片资源加载完成之后才能调用 jQuery的这个入口函数没有函数覆盖现象，文档加载完成之后就可以调用（建议使用此函数）事件委托事件委托是通过事件冒泡的原理，利用父标签去捕获子标签的事件。...当这种情况发生时，它通常不需要显式地循环的 .each()方法：也就是说，上面的例子没有必要使用each()方法，直接像下面这样写就可以了： $("li").addClass("c1"); // 对所有标签做统一操作

19.5K5 1

jQuery中常用的函数和属性详细解析

("属性名称") 给某元素删除指定的属性以及该属性的值 $("元素名称").removeClass("class") 给某元素删除指定的样式 $("元素名称").text(); 获得该元素的文本 $("...元素名称").text(value); 设置该元素的文本值为value $("元素名称").toggleClass(class) 当元素存在参数中的样式的时候取消,如果不存在就设置此样式 $("input...().hide() 第一个hide()是对于p标签的然后用end()结束对p标签的引用而返回到#div1标签所以第二个hide()是对于#div1起作用的如果不加end() 则两个hide()都是对...map( callback ) 将jQuery对象中的一组元素利用callback方法转换其值，然后添加到一个jQuery数组中。...( array, callback ) 使用某个方法修改一个数组中的项，然后返回一个新的数组 jQuery.inArray( value, array ) 返回value在数组中的位置，如果没有找到，则返回

3.8K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭