JQuery常用方法
乡野码夫
写字楼里写字间,写字间里程序员;
程序人员写程序,又拿程序换酒钱。
酒醒只在网上坐,酒醉还来网下眠;
酒醉酒醒日复日,网上网下年复年。
但愿老死电脑间,不愿鞠躬老板前;
奔驰宝马贵者趣,公交自行程序员。
别人笑我忒疯癫,我笑自己命太贱;
不见满街漂亮妹,哪个归得程序员?
展开
-
jq修改a标签的href链接和文字
以下修改a标签的href链接和修改文字的代码:原链接:< a href=“http://keleyi.com” id=“home_keleyi_com”>得已111//修改a标签的href链接:$('#home_keleyi_com').attr('href','http://keleyi.com');//修改文字:$("#home_keleyi_com").text('得已');修改后的链接为:< a href=“http://keleyi.com” id=“home转载 2022-01-10 16:37:49 · 4070 阅读 · 0 评论 -
js中 json对象与json字符串相互转换的几种方式
一、JSON对象转化为JSON字符串1.使用JSON.stringify()方法进行转换该方法不支持较老版本的IE浏览器,比如:ie8(兼容模式)、ie7、ie6。var jsonStr = JSON.stringify(jsonObj);alert(jsonStr);二、JSON字符串转化为JSON对象1.使用eval()函数进行转换使用 eval() 转换时需要在 json 字符外包裹一对小括号。ie8(兼容模式)、ie7、ie6 不要使用此方法。var jsonObj = eval原创 2020-10-25 23:10:41 · 43302 阅读 · 2 评论 -
jquery、js获取table,遍历输出tr中各个td的内容
使用jquery获取:js代码:$('#btntb').click(function(){ $('#tab tr').each(function(i){ // 遍历 tr $(this).children('td').each(function(j){ // 遍历 tr 的各个 td alert("第"+(i+1)+"行,第"+(j+1)+"个td的值:"+$(this).text()+"。"); }); });转载 2020-10-25 22:55:44 · 1477 阅读 · 0 评论 -
js 读取属性值
<a href="#" id="testId" >事件</a>var idValue= $(a).attr("id");原创 2020-10-25 17:10:18 · 162 阅读 · 0 评论 -
Jquery获取相同的class里的某一个class的值
$(".vale:eq(0)").text();原创 2020-10-25 16:28:49 · 2132 阅读 · 0 评论 -
jQuery的append() 方法的使用
append() 方法在被选元素的下级元素的结尾插入指定内容。js代码:<script>$(document).ready(function(){ $("#btn1").click(function(){ $("p").append(" <b>插入文本</b>."); }); $("#btn2").click(function(){ $("ol").append("<li>插入项</li>"); });});</sc原创 2020-09-13 15:21:11 · 741 阅读 · 0 评论 -
attr()修改input标签的value值
使用attr()方法修改input标签的value值:$(input).attr({“value”: “北京”});原创 2020-09-06 21:48:29 · 870 阅读 · 0 评论 -
input 单选按钮radio 取消选中
js代码:<script> $(":radio").click(function() { var r = $(this).attr("name"); $(":radio[name=" + r + "]:not(:checked)").attr("tag", 0); if ($(this).attr("tag") == 1) { $(this).siblings().attr("checked", false); $(this).attr("checked", fals原创 2020-09-06 21:30:15 · 1735 阅读 · 0 评论 -
input触发点击事件,以及input文字提示
html代码:<input id="" name="" type="text" class="choosecase" readonly="" placeholder="请选择…" />js代码:$(".choosecase").click(function () {})原创 2020-09-06 21:25:45 · 2252 阅读 · 0 评论 -
jQuery - 删除元素/内容
如需删除元素和内容,一般可使用以下两个 jQuery 方法:remove() - 删除被选元素(及其子元素)empty() - 从被选元素中删除子元素例如:$("#div1").remove();$("#div1").empty();原创 2020-09-06 21:22:23 · 809 阅读 · 0 评论 -
jq 删除元素
段落1段落2删除所有 p 元素原创 2020-08-31 00:18:58 · 149 阅读 · 0 评论 -
jq获取上级、同级、下级元素
jq获取上级、同级、下级元素下面介绍JQUERY的父,子,兄弟节点查找方法jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如("span").parent()或者("span").parent()或者("span").parent()或者(“span”).parent(".class")jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素jQuery.children(expr).返回所有子节点转载 2020-08-31 00:10:43 · 2979 阅读 · 0 评论 -
jquery获取<div></div>之间的内容.text() 和 .html()区别
html代码:<div><p>test</p></div>js代码:$("div").text();//结果:test$("div").html();//结果:<p>test</p>$(“div”).text() 得到的是 test,是 div 的纯文本,会自动忽略 html 标签 。$(“div”).html() 得到的是带标签的,是 div 的所有内容,包括 html 标签,它有个好处是可以将 得到的标签与文字原创 2020-08-31 00:03:45 · 1396 阅读 · 0 评论 -
jquery获取当前点击的div的内容
js代码:$('div').click(function(e){ alert($(this).attr('id'));});原创 2020-08-30 23:53:16 · 2208 阅读 · 0 评论 -
jquery给input赋值
$(’#a’).val(‘测试赋值本文’);js代码:$('#aaa').val('你好');原创 2020-08-30 23:51:44 · 4660 阅读 · 0 评论 -
jQuery获取div的id值
js代码://通过类属性获取var id = $("#userName-div").attr('id');原创 2020-08-30 23:48:53 · 1521 阅读 · 0 评论 -
Js先执行点击事件,再执行失去焦点事件的解决方法
Js先执行点击事件,再执行失去焦点事件的解决方法思路:给失去焦点事件设置一个暂停,让点击事件先执行。js代码://点击事件 先执行$(document.body).on('click','#enterpriserNameOptions div',function(){ //事件处理});//失去焦点事件(添加延迟处理100毫秒) 后执行$(document.body).on('blur','#emterpriserNameSelect',function(){ setTimeout(原创 2020-08-30 23:35:29 · 1310 阅读 · 0 评论 -
jQuery打印插件jqprint
js代码<script language="javascript">function a(){ $("#print").jqprint(); }html代码<div id="print"> <table> <tr> <td>test</td> <td>test</td> <t原创 2020-08-01 21:55:09 · 290 阅读 · 0 评论 -
$(‘#first-step .next-btn‘).off().on(‘click‘, function (){})) 的详解
html代码<div class="content-wrapper" id="first-step"> <div class="div-content-div-btn"> <div class="next-btn">下一步</div> </div></div>JS代码//$('#first-step .next-btn' 先获取到id为first-step的div,在获取到class为next-btn原创 2020-07-15 23:46:17 · 332 阅读 · 0 评论 -
jQuery实现html的table表的th和td标签的显示和隐藏
html代码<th class="th_name">name</th><td class="td_name">张三</td>js代码$("th.th_hello").hide(); // 隐藏th$("th.th_hello").show(); // 显示th$("td.td_hello").hide(); // 隐藏td$("td.td_hello").show(); // 显示td...原创 2020-07-13 21:03:10 · 4865 阅读 · 1 评论