![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
花繁柳密处
拨得开,才是手段;风狂雨急时,立得定,方见脚跟。
展开
-
jQuery中parent与remove方法实现“删除自己”
<ul> <li>L1<button onclick="removeSelf(this)">删除</button> </li> <li>L2<button onclick="removeSelf(this)">删除</button> </li> <li>L3<button onclick="removeSelf(this)">删除</button&原创 2021-01-28 14:39:32 · 2127 阅读 · 2 评论 -
jQuery使用replace与正则实现局部,全局替换
<input type="text" id="name" value="1,2,3,4"><button type="button" onclick="replace()">替换</button>想把input中value的值的逗号都变成"-",首先使用jQuery的replace方法:function replace() { var value = $("#name").val(); var result = value.replace(',',原创 2020-12-30 20:47:36 · 830 阅读 · 0 评论 -
jQuery中length与size()的区别
length是属性,size()是方法;如果想获取元素个数,效果相同;如果想获取字符串长度、数组中元素个数,只能用length;length效率更高,因为size()是用length实现的;总之:用length更好原创 2020-12-27 17:00:19 · 136 阅读 · 0 评论 -
radio与select的使用总结(CheckBox可参考)
Radio:<input type="radio" id="rd1" name="rd" value="1" checked="checked"><input type="radio" id="rd2" name="rd" value="2"><input type="radio" id="rd3" name="rd" value="3">获取选中的值$('input:radio:checked').val();$("input[type='radio'原创 2020-12-27 16:45:42 · 731 阅读 · 1 评论 -
jQuery常用脚本
$('p span')//p标签下的所有span节点,后代节点(对应用对象内所有子节点都有效,比如儿子div和孙子div;也称为后代选择器。)$('p>span')//p标签下的所有span子节点,子代节点(只对应用对象的直接子节点有效,比如儿子div;也称为子代选择器。)$('*')//所有节点$("div,span,p.cls")//选取所有<div>,<span>和拥有class为cls的<p>标签的一组元素( ': '可认为是从当前集合中进行选择的原创 2020-12-27 11:59:09 · 318 阅读 · 0 评论 -
form表单提交数组类型数据(CheckBox等)
最简单的,直接提交form:<form action="/upload" id="form"> <input type="text" name="name" th:value="${name}"> <div> <input type="checkbox" name="location" value="东">东 <input type="checkbox" name="location" value="南"&原创 2020-12-27 10:36:32 · 4551 阅读 · 0 评论 -
获取select中被选中的option,及其相关操作(val(),text(),innerHTML等)
获取被选中的option的值的方式如下:$("#selectId option:selected").val();因为我们首先拿到的是select的id,之后再在其下一级的option中获取被选中的对象与值;下面是一个工作中的示例:// 获取被选中option的文本内容var saleText = $("#iThirdSale option:selected").text();if(saleText){ var canAdd=true; $.each($("div[name='nvcSal原创 2020-12-17 21:06:40 · 2523 阅读 · 0 评论 -
jQuery中on与bind的区别
bind的一般格式:$("#id").bind("click",function(){})on的一般格式:$("#id").on("click",".class",function(){})从写法上看,on比bind多了一个对子标签进行选择的selector(非必须),这就是它们的区别,下面通过实例进行说明:<p name="p">p_Test1</p><p name="p">p_Test2</p><div> <in原创 2020-12-05 18:08:38 · 393 阅读 · 0 评论 -
jQuery对象&DOM对象的获取方式&互相转换
DOM对象使用JavaScript中的DOM API操作获得的元素对象叫DOM对象。文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。使用举例:<body> <p id="p1">P1</p> <p id="p2">P2</p> <button onclick="fun1()">Btn1</button> &l.原创 2020-12-03 16:57:44 · 408 阅读 · 0 评论 -
获取/修改HTML代码片段
<h2 id="h2">This is an HTML fragment.</h2><script type="text/javascript"> $(function () { layer.msg($("#h2").html()); })</script>原创 2020-12-01 10:27:20 · 85 阅读 · 1 评论 -
jQuery设置页面元素不可点击,不可编辑,只读
$("input").attr('readonly', true);$("textarea").attr('readonly', true);$(':radio').attr('disabled', true);$(':checkbox').attr('disabled', true);$(':button').attr('disabled', true);$('a').removeAttr('onclick');$('select').attr('disabled', true);另外,对原创 2020-11-30 16:46:45 · 744 阅读 · 0 评论 -
复选框CheckBox的全选与取消全选功能
在前端开发,尤其是table的开发中,经常会在列表左上角有一个全选按钮,今天就来分享一个全选按钮的逻辑实现:<table> <thead> <th><input type="checkbox" id="selAll"></th> <th>序号</th> </thead> <tbody> <tr>原创 2020-11-19 20:31:29 · 2271 阅读 · 0 评论 -
textarea失去焦点(onblur)时截取字段;Data too long for column
// onblur: 在textarea失去焦点时调用<textarea onblur="subTextarea(this)"></textarea>// 截取前260个字符: function subTextarea(_this) {_this.value=_this.value.substring(0, 260);}原创 2020-11-18 12:17:25 · 1184 阅读 · 0 评论