jQuery

已于 2022-04-14 08:45:20 修改
阅读量116 收藏
点赞数
分类专栏： 前端 文章标签： 前端 jquery javascript
于 2021-07-15 09:15:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44195615/article/details/118751353
版权

一、入口函数

1、jquery入口函数

$(document).ready(function(){
    // 执行代码
});
或者
$(function(){
    // 执行代码
});

2、JavaScript 入口函数:

window.onload = function () {
    // 执行代码
}

3、jQuery 入口函数与 JavaScript 入口函数的区别：

  • jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行。
  • jJavaScript 的 window.onload事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行。
    在这里插入图片描述

二、jQuery 语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。
基础语法： $(selector).action()

  • 美元符号定义 jQuery
  • 选择符（selector）“查询"和"查找” HTML 元素
  • jQuery 的 action() 执行对元素的操作

实例:

  • $(this).hide() - 隐藏当前元素
  • $(“p”).hide() - 隐藏所有 < p> 元素
  • $(“p.test”).hide() - 隐藏所有 class=“test” 的 < p> 元素
  • $(“#test”).hide() - 隐藏 id=“test” 的元素

三、jQuery 选择器

jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头：$()。

1、元素选择器

jQuery 元素选择器基于元素名选取元素。

在页面中选取所有 < p> 元素:$("p")
用户点击按钮后，所有 < p> 元素都隐藏：
示例：

$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>元素选择器</title> 
<script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>

<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html>

2、#id 选择器

jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。
页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。

通过 id 选取元素语法如下：$("#test")

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>#id 选择器</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#test").hide();
  });
});
</script>
</head>

<body>
<h2>这是一个标题</h2>
<p>这是一个段落</p>
<p id="test">这是另外一个段落</p>
<button>点我</button>
</body>

</html>

3、.class 选择器

jQuery 类选择器可以通过指定的 class 查找元素。

语法如下：$(".test")

实例
用户点击按钮后所有带有 class=“test” 属性的元素都隐藏：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>.class 选择器</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $(".test").hide();
  });
});
</script>
</head>
<body>

<h2 class="test">这是一个标题</h2>
<p class="test">这是一个段落。</p>
<p>这是另外一个段落。</p>
<button>点我</button>
</body>
</html>

在这里插入图片描述

四、jQuery 事件

$(document).ready() 方法允许我们在文档完全加载完后执行函数。

常用的 jQuery 事件方法

1、click()

click() 方法是当按钮点击事件被触发时会调用一个函数。该函数在用户点击 HTML 元素时执行。
实例：当点击事件在某个 <p> 元素上触发时，隐藏当前的 <p> 元素：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>click点击事件</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>

<p>如果你点我，我就会消失。</p>
<p>点我消失!</p>
<p>点我也消失!</p>
</body>
</html>

2、dblclick()

当双击元素时，会发生 dblclick 事件。dblclick() 方法触发 dblclick 事件，或规定当发生 dblclick 事件时运行的函数：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>dblclick 事件</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").dblclick(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>

<p>双击鼠标左键的，我就消失。</p>
<p>双击我消失！</p>
<p>双击我也消失！</p>

</body>
</html>

3、mouseenter()

当鼠标指针穿过元素时，会发生 mouseenter 事件。
mouseenter() 方法触发 mouseenter 事件，或规定当发生 mouseenter 事件时运行的函数：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title> mouseenter事件</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#p1").mouseenter(function(){
    alert('您的鼠标移到了 id="p1" 的元素上!');
  });
});
</script>
</head>
<body>

<p id="p1">鼠标指针进入此处，会看到弹窗。</p>

</body>
</html>

4、mouseleave()

当鼠标指针离开元素时，会发生 mouseleave 事件。mouseleave() 方法触发 mouseleave 事件，或规定当发生 mouseleave 事件时运行的函数：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>mouseleave事件</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#p1").mouseleave(function(){
    alert("再见，您的鼠标离开了该段落。");
  });
});
</script>
</head>
<body>

<p id="p1">这是一个段落。</p>

</body>
</html>

5、mousedown()

当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。mousedown() 方法触发 mousedown 事件，或规定当发生 mousedown 事件时运行的函数：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>mousedown事件</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#p1").mousedown(function(){
    alert("鼠标在该段落上按下！");
  });
});
</script>
</head>
<body>

<p id="p1">这是一个段落</p>

</body>
</html>

6、mouseup()

当在元素上松开鼠标按钮时，会发生 mouseup 事件。mouseup() 方法触发 mouseup 事件，或规定当发生 mouseup 事件时运行的函数：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>mouseup事件</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#p1").mouseup(function(){
    alert("鼠标在段落上松开。");
  });
});
</script>
</head>
<body>

<p id="p1">这是一个段落。</p>

</body>
</html>

7、hover()

hover()方法用于模拟光标悬停事件。
当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时，会触发指定的第二个函数(mouseleave)。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $("#p1").hover(
		function(){
			alert("你进入了 p1!");
		},
		function(){
			alert("拜拜! 现在你离开了 p1!");
		}
    )
});
</script>
</head>
<body>

<p id="p1">这是一个段落。</p>

</body>
</html>

8、focus()

当元素获得焦点时，发生 focus 事件
当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。focus() 方法触发 focus 事件，或规定当发生 focus 事件时运行的函数：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>focus事件</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("input").focus(function(){
    $(this).css("background-color","#cccccc");
  });
  $("input").blur(function(){
    $(this).css("background-color","#ffffff");
  });
});
</script>
</head>
<body>

Name: <input type="text" name="fullname"><br>
Email: <input type="text" name="email">

</body>
</html>

9、blur()

当元素失去焦点时，发生 blur 事件
blur() 方法触发 blur 事件，或规定当发生 blur 事件时运行的函数：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>blur事件</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("input").focus(function(){
    $(this).css("background-color","#cccccc");
  });
  $("input").blur(function(){
    $(this).css("background-color","#ffffff");
  });
});
</script>
</head>
<body>

Name: <input type="text" name="fullname"><br>
Email: <input type="text" name="email">

</body>
</html>

五、jQuery 效果

1、隐藏和显示

语法:

$(selector).hide(speed,callback); //隐藏

$(selector).show(speed,callback);//显示

通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});
</script>
</head>
<body>
<p>如果你点击“隐藏” 按钮，我将会消失。</p>
<button id="hide">隐藏</button>
<button id="show">显示</button>
</body>
</html>

六、jQuery HTML

1、jQuery - 获取内容和属性

（1）获得内容 text()、html()、val()

三个简单实用的用于 DOM 操作的 jQuery 方法：

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

下面的例子通过 jQuery text() 和 html() 方法来获得内容：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    alert("Text: " + $("#test").text());
  });
  $("#btn2").click(function(){
    alert("HTML: " + $("#test").html());
  });
});
</script>
</head>

<body>
<p id="test">这是段落中的 <b>粗体</b> 文本。</p>
<button id="btn1">显示文本</button>
<button id="btn2">显示 HTML</button>
</body>
</html>

下面的例子通过 jQuery val() 方法获得输入字段的值：

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    alert("值为: " + $("#test").val());
  });
});
</script>
</head>

<body>
<p>名称: <input type="text" id="test" value="哈哈哈"></p>
<button>显示值</button>
</body>
</html>

（2）获取属性 attr()

jQuery attr() 方法用于获取属性值

下面的例子获得链接中 href 属性的值：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    alert($("#runoob").attr("href"));
  });
});
</script>
</head>

<body>
<p><a href="//www.baidu.com" id="runoob">百度网址</a></p>
<button>显示 href 属性的值</button>
</body>
</html>

2、jquery 添加元素

通过 jQuery，可以很容易地添加新元素/内容。
添加新的 HTML 内容
我们将学习用于添加新内容的四个 jQuery 方法：

  • append() ：在被选元素的结尾插入内容
  • prepend() ：在被选元素的开头插入内容
  • after() ：在被选元素之后插入内容
  • before() ：在被选元素之前插入内容

（1）jQuery append() 方法

jQuery append() 方法在被选元素的结尾插入内容（仍然在该元素的内部）。

实例：$("p").append("追加文本");

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("p").append(" <b>追加文本</b>。");
  });

  $("#btn2").click(function(){
    $("ol").append("<li>追加列表项</li>");
  });
});
</script>
</head>

<body>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
<button id="btn1">添加文本</button>
<button id="btn2">添加列表项</button>
</body>
</html>

（2）jQuery prepend() 方法

jQuery prepend() 方法在被选元素的开头插入内容。

实例：$("p").prepend("在开头追加文本");

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("#btn1").click(function(){
		$("p").prepend("<b>在开头追加文本</b>。 ");
	});
	$("#btn2").click(function(){
		$("ol").prepend("<li>在开头添加列表项</li>");
	});
});
</script>
</head>
<body>
	
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
<ol>
<li>列表 1</li>
<li>列表 2</li>
<li>列表 3</li>
</ol>
<button id="btn1">添加文本</button>
<button id="btn2">添加列表项</button>
	
</body>
</html>

（3）通过 append() 和 prepend() 方法添加若干新元素

在上面的例子中，我们只在被选元素的开头/结尾插入文本/HTML。

不过，append() 和 prepend() 方法能够通过参数接收无限数量的新元素。可以通过 jQuery 来生成文本/HTML（就像上面的例子那样），或者通过 JavaScript 代码和 DOM 元素。

在下面的例子中，我们创建若干个新元素。这些元素可以通过 text/HTML、jQuery 或者 JavaScript/DOM 来创建。然后我们通过 append() 方法把这些新元素追加到文本中（对 prepend() 同样有效）

function appendText(){
    var txt1="<p>文本-1。</p>";              // 使用 HTML 标签创建文本
    var txt2=$("<p></p>").text("文本-2。");  // 使用 jQuery 创建文本
    var txt3=document.createElement("p");
    txt3.innerHTML="文本-3。";               // 使用 DOM 创建文本 text with DOM
    $("body").append(txt1,txt2,txt3);        // 追加新元素
}

（4）jQuery after() 和 before() 方法

jQuery after() 方法在被选元素之后插入内容。

jQuery before() 方法在被选元素之前插入内容。

实例

$("img").after("在后面添加文本");
 
$("img").before("在前面添加文本");

3、jquery 删除元素

通过 jQuery，可以很容易地删除已有的 HTML 元素。

删除元素/内容
如需删除元素和内容，一般可使用以下两个 jQuery 方法：

  1. remove() - 删除被选元素（及其子元素）
  2. empty() - 从被选元素中删除子元素

（1）jQuery remove() 方法

jQuery remove() 方法删除被选元素及其子元素。

实例：$("#div1").remove();

（2）jQuery empty() 方法

jQuery empty() 方法删除被选元素的子元素。

实例：$("#div1").empty();

（3）过滤被删除的元素

jQuery remove() 方法也可接受一个参数，允许您对被删元素进行过滤。

该参数可以是任何 jQuery 选择器的语法。

下面的例子删除 class=“italic” 的所有

元素：

实例：$("p").remove(".italic");

七、jquery操作CSS

  • addClass() - 向被选元素添加一个或多个类
  • removeClass() - 从被选元素删除一个或多个类
    toggleClass() - 对被选元素进行添加/删除类的切换操作
    css() - 设置或返回样式属性

1、jQuery addClass()方法

向不同的元素添加 class 属性。当然，在添加类时，您也可以选取多个元素：

$("button").click(function(){
  $("h1,h2,p").addClass("blue");
  $("div").addClass("important");
});

您也可以在 addClass() 方法中规定多个类：

$("button").click(function(){
  $("body div:first").addClass("important blue");
});

2、jQuery removeClass() 方法

在不同的元素中删除指定的 class 属性

$("button").click(function(){
  $("h1,h2,p").removeClass("blue");
});

3、jQuery toggleClass() 方法

使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换操作：

$("button").click(function(){
  $("h1,h2,p").toggleClass("blue");
});

4、jQuery css() 方法

css() 方法设置或返回被选元素的一个或多个样式属性。

（1）返回 CSS 属性

如需返回指定的 CSS 属性的值，请使用如下语法：

css(“propertyname”);
下面的例子将返回首个匹配元素的 background-color 值：

实例：$("p").css("background-color");

（2）设置 CSS 属性

如需设置指定的 CSS 属性，请使用如下语法：

css(“propertyname”,“value”);
下面的例子将为所有匹配元素设置 background-color 值：

实例:$("p").css("background-color","yellow");

（3）设置多个 CSS 属性

如需设置多个 CSS 属性，请使用如下语法：

css({“propertyname”:“value”,“propertyname”:“value”,…});
下面的例子将为所有匹配元素设置 background-color 和 font-size：

实例

$("p").css({"background-color":"yellow","font-size":"200%"});

八、jquery尺寸

通过 jQuery，很容易处理元素和浏览器窗口的尺寸。

jQuery 尺寸方法
jQuery 提供多个处理尺寸的重要方法：

  1. width() ：方法设置或返回元素的宽度（不包括内边距、边框或外边距）
  2. height() ：方法设置或返回元素的高度（不包括内边距、边框或外边距）
  3. innerWidth()：方法返回元素的宽度（包括内边距）
  4. innerHeight() ：方法返回元素的高度（包括内边距）。
  5. outerWidth()：方法返回元素的宽度（包括内边距和边框）。
  6. outerHeight()：方法返回元素的高度（包括内边距和边框）。
花乐晴
关注
专栏目录
jquery-3.7.0.min.js（jQuery下载）
06-25
jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）jquery-3.7.0.min.js（jQuery下载）...
jquery-migrate
03-05
jQuery 迁移插件， Migrate 有两个版本。jquery-migrate-1.4.1版本将帮助您将 1.9 之前的 jQuery 代码更新到 jQuery 1.9 到 3.0。 jquery-migrate-3.4.0版本将帮助您更新代码以在 jQuery 3.0 或更高版本上运行。 ...
jquery 事件 dblclick_change_blur_focus_one_hover_focusin_focusout_resize_select_submit.html
weixin_42193179的博客
07-26 244
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery事件</title> <style> span { display: none; ...
jQuery click（）和dblclick（）示例
一名可爱的技术搬运工
05-22 283
jQuery click（）和dblclick（）事件是最常用的鼠标事件： click（）–鼠标单击匹配的元素时触发。 dblclick（）–鼠标双击匹配的元素时触发。 自己尝试 <html> <head> <script type="text/javascript" src="jquery-1.4.2.min.js"></scri...
jquery双击修改_jQuery双击
从零开始的教程世界
07-19 811
jquery双击修改jQuery dblclick() function fires when an HTML element is double clicked. This method will attach an event handler to the double click event. We can do desired manipulations on the selected H...
jQuery 双击事件（dblclick）时，不触发单击事件(click)
weixin_30896825的博客
12-15 407
万恶的双击事件啊！！ 　　在jQuery的事件绑定中，执行双击事件(dblclick)时能触发两次单击事件(click)。即一个标签元素（如div等），如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时，不会触发双击事件(dblclick)， 执行双击事件(dblclick)时却会触发两次单击事件(click)。 　　先看一下点击事件的执行...
click与dblclick事件冲突解决方法
热门推荐
z69183787的专栏
05-05 1万+
一个DOM元素，如：div，既绑定了 click 事件，又绑定了 dblclick 事件，这两个事件分别要做独立的事情。事件处理上没有冲突，都可以各自完成各自的操作。双击的时候虽然是执行了 dblclick 事件，但是在这之前，也执行了 click 事件，那么，如何来禁止或者说屏蔽这次多余的 click 事件呢？本文将提供给您一个比较好的解决办法。 情况分析： 　　首先，来了解一下点击事件发生
JQuery的引用
zwjl1017的博客
04-01 4070
最近在做的项目是用JQuery开发的，但是在JQuery这项技术上，资质尚浅，特意学习一下，做一些笔记，有不对之处希望大佬们多多指教！ JQuery的下载和引入 在JQuery官网上 （Download jQuery | jQuery）jQuery: The Write Less, Do More, JavaScript Libraryhttps://jquery.com/download/ 标记的是开发环境下的版本，按个人需要去使用版本，点开以后直接全选复制，在项目中创建一个js文件（例：JQue
jQuery基础
luckyboy!的博客
11-16 3454
jQuery由美国人John Resig于2006年创建。jQuery是目前最流行的JavaScript程序，它是对JavaScript对象和函数的封装。它的设计思想是write less,do more。
jQuery源码 jQuery源码 jQuery源码
04-19
jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码...
jquery-3.3.1.js和jquery-3.3.1.min.js
03-22
jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-...
Java Web Jquery表单验证
最新发布
07-26
编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库，可用于在网页上进行各种操作，包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分：FrontPage.html、write....
js对手机号进行脱敏处理
weixin_44195615的博客
12-03 9880
// 手机号码脱敏处理:方法1 var phone="13812345678"; var str=phone.substring(0,3)+"****"+phone.substring(7); // 手机号码脱敏处理:方法2 var phone="13812345678"; var str=phone.substr(0,3)+"****"+phone.substring(7); // 区别是： // substring第一个参数是开始下标，第二个是结束
layui给select下拉框赋值
weixin_44195615的博客
11-25 7614
<select name="belongsto" id="belongstoId"> <option value="0">请选择</option> </select> //初始化查询条件的下拉列表:填充值的方法 $.get("/item/loadAllItem",function(objs){ //alert(objs); var types=objs.data; var belongsto
若依框架RuoYi前后端分离项目导入IDEA及运行启动
weixin_44195615的博客
02-08 5897
一、准备工作 1、检查系统是否装有node，如果没有则进行安装。 （1）首先安装Node.js及环境配置（Windows） 下载地址：https://nodejs.org/en/download/ （2）下载完成后，双击运行，除了选择安装路径，其余就是next。 （3）高级系统设置–高级–环境变量–用户变量–path，更改环境变量，更改自己所安装的路径，如图： （3）使用管理员身份打开CMD，输入 node -v 和 npm -v，显示版本号即安装成功。 二、打开ruoyi-ui，切换到Termina
layui的下拉框动态赋值 并设置默认值
weixin_44195615的博客
03-15 5059
<div class="layui-inline"> <label class="layui-form-label">测试内容</label> <div class="layui-input-inline"> <select name="projectName" id="contentId" lay-filter="contentId" lay-verify="required">
Layui的本地存储方法-Layui.data的基本使用
weixin_44195615的博客
06-01 5058
Layui的本地存储方法-Layui.data的基本使用 本地存储是对 localStorage 和 sessionStorage 的友好封装，可更方便地管理本地数据。 localStorage 持久化存储：layui.data(table, settings)，数据会永久存在，除非物理删除。 sessionStorage 会话性存储：layui.sessionData(table, settings)，页面关闭后即失效。注：layui 2.2.5 新增 上述两个方法的使用方式是完全一样的。其中参数 tab
Nginx 解决做反向代理时 静态资源图片、 js、css 访问不到
weixin_44195615的博客
07-26 4957
在反向代理时添加另一个规则。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

花乐晴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值