![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
RDSunday
计算机科学与技术专业
展开
-
jQuery为相同id的标签添加相同的事件
文章目录场景例如:写了一个通用的顶部返回栏好几个页面公用,无论点击那个页面,都能返回上一个页面当为同一个标签添加相同id相同事件时只有第一个生效解决如下jQuery$(function(){ $("[id = delete]").click(function(){ alert("hi"); }); });id为你写的id选择具有相同 CSS class的元素,就要用class 选择器。建议用class选择器html页面确实不应该有相同id的元素,还是用class合原创 2020-07-23 09:13:42 · 1212 阅读 · 1 评论 -
jQuery动态添加html标签
文章目录`$("p").append("Hello");`注意几点**步骤**给动态添加的标签添加事件如点击事件多个标签绑定同一个事件场景 调用后台返回的json数据解析之后,在前台动态渲染主要用的jQuery的$("p").append("<b>Hello</b>");方法里面可以添加你要显示的标签和解析的数据$(".contet-box4").append( "<div class='content content-self-1'>&原创 2020-07-21 17:08:16 · 1376 阅读 · 0 评论 -
jQuery选择器---3
文章目录选择器场景1. 模糊获取场景2. 获取多个class的值最近一直在用jQuery总结 一下吧选择器场景1. 模糊获取<span class="test-first"></span>jQuery选择器模糊获取模糊获取中间加个”,“,$('.test-fist,.test-two').click(function(){ console.log("试试") })场景2. 获取多个class的值<span class原创 2020-07-21 16:41:33 · 88 阅读 · 0 评论 -
jQuery+ajax+json---2
文章目录返回的常见json数据格式1. 对象格式2. 对象数组3. 数组对象ajax获取数据方法解析数据并输出到html返回的常见json数据格式1. 对象格式数据解析输出方式该json本身就是一个json对象,所以可以直接获取:var Id = json.id;var title = json.title;var start = json.start;var end = json.end;2. 对象数组数据解析输出方式$.each(json, function(i, it原创 2020-07-17 15:18:00 · 111 阅读 · 0 评论 -
Jquery tab切换栏实现
文章目录步骤1**css文件**步骤2 **js实现**完成的例子场景描述点击两个按钮切换显示不同按钮下的内容,如下图步骤1css文件一个显示一个隐藏.content div{ display: none; } .content .div_show{ display: block; }步骤2 js实现 $(document).ready(function() { $('ul li').click(fu原创 2020-07-17 13:45:30 · 168 阅读 · 0 评论 -
jQuery点击改变背景颜色
文章目录场景描述当点击一个框时改变背景颜色新建样式.liantong { background-color: #ff7525 ;}添加js文件$(".phone").click(function () {//liantong是你的要改变的颜色 $(this).toggleClass("liantong"); });...原创 2020-07-16 19:36:04 · 2024 阅读 · 0 评论 -
jQuery点击切换图片
文章目录场景描述当点击一个盒子时显示已点击的标志 如下图// 点击图片打上对号 var toggle = true; $(".menu-click").click(function () { console.log("点击了") if (toggle) { $("#img-click").attr("src", "images/uncheck.png"); toggle = false; } else { $("#img-click").attr("src", "i原创 2020-07-16 19:21:30 · 516 阅读 · 0 评论 -
jQuery样式操作---1
文章目录设置样式获取样式设置样式单个样式$(".div1").css("backgroundColor","red");多个样式$(".div1").css({"backgroundColor":"green","border":"1px solid red"});获取样式$("p").css("background-color");原创 2020-07-16 14:59:49 · 90 阅读 · 0 评论