Jquery笔记

最新推荐文章于 2024-06-05 09:53:56 发布
最新推荐文章于 2024-06-05 09:53:56 发布
阅读量755 收藏 1
点赞数
分类专栏： 前端笔记 文章标签： jQuery 选择器 css 元素转换 事件绑定
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42059717/article/details/123293985
版权

第十二章 Jquery

Write Less，Do More

简介

如果想要在页面使用jQuery类库，直接引入类库文件即可，有限引入Jquery类库在书写自己的js

1.xx版本兼容老旧浏览器 ie 6 7 8等

2.xx 不兼容老旧浏览器

3.xx 为最新版本 与LayUI兼容性较差

带有min后缀的是迷你版，类利于jre 在运行阶段使用，体积只有正常版本的四分之一。

1.基本选择器上

序号选择器解释
1$(‘tagName’)根据元素名拿取元素
2$(’.className’)根据class属性值来拿取元素
3$(’#idName’)根据id属性值来拿取元素
4$(‘tagName.className’)拿取具有特定id或者class的特定元素
5$(‘sel1,sel2,selN’)只要满足其中任意一个，就可以成功选取
6$(‘sel1 sel2 selN’)根据左祖先右后代的原则，精确拿取具有继承关系的子元素
7$(’*’)拿取所有元素
8$(‘sel1 > sel2’)拿取元素特定的子元素，注意仅仅拿取子元素
9$(‘sel1 + sel2’)拿取sel2以下三个条件缺一不可
1.向下选取2.必须紧邻3.互为兄弟
10$(‘sel1 ~ sel2’)拿取sel2以下两个条件缺一不可
1.向下选取2.互为兄弟

1.1 拓展css()

获取元素之后可以使用此方法给元素设置样式，有以下两种格式

  1. css({样式名1:样式值1,样式名2:样式值2,样式名N:样式值N})

注意此种书写格式中样式名使用js的书写方式不能出现-，必须遵循驼峰命名

例：background-color ===> backgroundColor

  1. css(‘样式名’,‘样式值’)

    只能设置一个样式，设置多个样式需要用第一种

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<title>1)基本选择器</title>
	</head>
	<body>
		<div id="container">
			<span>我是段落之前的span</span>
			<p id="pra">
				<span>我是段落内部的span</span>
			</p>
			<span>我是段落之后紧邻的span</span>
			<span>我是段落之后不紧邻的span</span>
		</div>

		<!--
			如果要在页面使用jQuery类库直接引入类库文件到页面即可
			注意优先引入jQuery类库文件，其次书写我们自己的文件

			jQuery最新版本为3.4.1版本

			jQuery类库文件-后为版本号
			1.XX:兼容老旧浏览器 ie 6 7 8 等
			2.XX:不兼容老旧浏览器
			3.XX:为目前最新版本，注意与LayUI兼容性较差
			如果带有min后缀则表示迷你版，类似jre，在运行阶段使用，体积只有正式版四分之一大小
		-->
		<script src="./script/jquery-3.4.1.js"></script>
		<script>
			/*
			*   ##jQuery元素与Js元素（节点）是同一种元素吗？如果不是？为什么？两者如何转换？
			*
			*   不是同一种元素
			*   两者无法使用对方的方法 函数 属性等等
			*
			*   eg:
			*
			*               <span id="sp">XXX</span>
			*
			*
			*   js:
			*       let nodeSpan = document.getElementById('sp')
			*
			*       <span id="sp">XXX</span>
			*
			*
			*
			*
			*   jQuery:
			*       在jQuery当中$(sel),sel是selector选择器的缩略写法，使用jQuery强大的选择器机制可以
			*       更方便和准确的拿取元素
			*
			*       let $jq_span = $('span#sp')
			*
			*       [<span id="sp">XXX</span>]
			*
			*
			*
			*
			*       `${}`   模板字符串
			*
			*       ${}     el表达式
			*
			*       $()     jQuery四函数之一，拿取元素
			*
			*
			*       nodeSpan != $jq_span
			*
			*       jQuery元素是对Js的dom节点一个轻度的封装，jQuery元素不能使用
			*       dom中的各种方法 函数 属性等，相反dom节点也不能使用jQuery中的各种函数 方法 和属性
			*       eg:
			*           nodeSpan.innerHTML = XXXXX
			*
			*           $('#sp').html(XXXXX)
			*
			*
			*       两者进行转换
			*
			*           jQuery ===> Dom
			*
			*           $('#sp')[0]
			*           $('#sp').get(0)
			*
			*           Dom ===> jQuery
			*
			*           $(nodeSpan)
			* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
			*
			*       学习jQuery类库时，必须首先掌握选择器机制，John Resig借鉴了
			*       CSS的选择器机制可以更加简便快速的从页面拿取元素
			*
			*       1)  $('tagName')
			*           根据元素名拿取元素
			*
			*       2)  $('.className')
			*           根据class属性值来拿取元素
			*
			*       3)  $('#idName')
			*           根据id属性值来拿取元素
			*
			*       4)  $('tagName.className')
			*           $('tagName#idName')
			*           拿取具有特定id或者class的特定元素
			*
			*       5)  $('sel1,sel2,selN')
			*           只要满足其中任意一个，就可以成功选取
			*
			*       6)  $('sel1 sel2 selN')
			*           根据左祖先右后代的原则，精确拿取具有继承关系的子元素
			*
			*       7)  $('*')
			*           拿取所有元素
			*           拿取所有元素
			*
			*       8)  $('sel1 > sel2')
			*           拿取元素特定的子元素，注意仅仅拿取子元素

						设置元素的样式
							css({样式名1:样式值1,样式名2:样式值2,样式名N:样式值N})
								注意此种书写格式中样式名使用js的书写方式不能出现-，必须遵循驼峰命名
								eg:
									background-color ===> backgroundColor

							css('样式名','样式值')
			* */
			$('div#container > span').css({backgroundColor:'pink',color:'navy'})
			/*
			*
			*       9) $('sel1 + sel2')
			*
			*           以下三个条件缺一不可
			*           a:向下选取
			*           b:必须紧邻
			*           c:互为兄弟
			*           拿取sel2
			* */
			$('p#pra + span').css('border','solid 2px coral')
			/*
			*       10) $('sel1 ~ sel2')
			*
			*           以下两个条件缺一不可
			*           a:向下选取
			*           b:互为兄弟
			*           拿取sel2
			* */
			$('p#pra ~ span').css('text-decoration','underline')
		</script>
	</body>
</html>

2.基本选择器下

<ul>
    <li>我是列表1</li>
    <li>我是列表2</li>
    <li>我是列表3</li>
    <li>我是列表4</li>
    <li>这里是列表6</li>
    <li></li>
    <li><span class="test7">测试7</span></li>
    <li style="display:none">我是隐藏的测试8</li>
    <li id="test9">测试9</li>
    <li id="test10">测试10</li>
    <li id="thisis11">测试11</li>
    <li class="etoak">测试12</li>
    <li>我是列表5</li>
</ul>

<h1>我是一级标题</h1>
<h2>二级标题</h2>
<h4>四级标题</h4>

性别:
<input type="radio" name="gender" value="0" checked>女
<input type="radio" name="gender" value="1">男
<input type="radio" name="gender" value="2">其它
<br>
序号选择器描述
1$(’:first’)拿取第一个元素，注意在冒号之前一般添加一个元素名，表示第一个什么元素
2$(’:last’)拿取最后一个元素
3$(’:eq(index)’)拿取匹配index索引值的元素，索引值从0开始
4$(’:gt(index)’)拿取大于index索引值的元素
5$(’:lt(index)’)拿取小于index索引值的元素
6$(’:even’)拿取索引值为偶数的元素
7$(’:odd’)拿取索引值为奇数的元素
$('li:first').css('color','red')
$('li:last').css('color','navy')
$('li:gt(2)').css('font-family','DFPWaWaW5')
$('li:lt(2)').css('font-family','DFPKanTingLiuW9')
$('li:eq(2)').css('font-family','DFPHaiBaoW12')

$('li:odd').css('background-color','pink')
$('li:even').css('background-color','lightblue')
序号选择器描述
1$(’:header’)拿取所有的标题
2$(’:contains(text)’)拿取含有特定文本的元素，注意含有
3$(’:empty’)拿取元素内部为空的元素，也没有内容也没有子元素
4$(’:has(sel)’)拿取元素内部含有特定结构的元素，这个sel又是一个选择器
5$(’:hidden’)拿取隐藏的元素，注意这里:前面必须添加限定条件,否则拿取的隐藏元素肯定不是我们设置的隐藏元素
6$(’:visible’)拿取所有可见元素
$(':header').css('background-color','yellow')
//text(text):就是js中的innerText的jQuery版，向元素中添加文本，不支持超文本
$('li:contains(里是)').text('我是修改的文本')
//
$('li:empty').html('<span style="color:whitesmoke">我是添加的超文本</span>')
$('li:has(span.test7)').css('color','purple')

注意

.html() .text() 以上两个方法如果不在括号中填写内容，则表示拿取元素中的超文本元素和文本元素,注意在.text()中只拿取文本，不包含标签，如果拿取的元素内部存在多个文本，则合并为一个。

序号选择器描述
1$(’[属性名=属性值]’)拿取匹配属性名完全匹配属性值的元素，必须一字不差
2$(’[属性名!=属性值]’)拿取属性名为等于属性值的特定元素
3$(’[属性名^=属性值开头]’)拿取属性名以属性值开头的特定元素
4$(’[属性名*=属性值]’)拿取属性名包含属性值的特定元素
5中间的替换成$=，拿取属性名以属性值结尾的特定元素
$('li[id=test9]').css('border','dotted 3px deeppink')
$('li[id^=test1]').css('border','double 2px blue')
$('li[id*=s]').css({fontStyle:'italic'})
$('li[class$=ak]').css('border','dotted 10px maroon')

注意：选择元素之后的parent()和children()方法依旧可以使用选择器切记切记

<tr>
	<td>1</td>
    <td>
    	<span>怎么获取1</span>
        <span>怎么获取1</span>
    </td>
</tr>
<script>
	$('span').click(function(){
        let id = $(this).parent().parent().children(':first').text()
    })
</script>

3.面试题

1.jQuery元素与Js元素（节点）是同一种元素吗？如果不是？为什么？两者如何转换？

不是同一种元素，两者无法使用对方的方法 函数 属性 等。

Jquery ==》 Dom

$(‘#span’)[0]，

$(‘#span’).get(0)

Dom ==》 jQuery

$(nodespan)

2.js中的onload与jquery中的ready()的不同

1)onload表示全文所有要素都要加载无误并且加载成功， 而ready()仅仅需要结构加载成功即可

2)onload全文只能加载一次，而ready()从上到下依次执行

4.常用函数

  1. $(‘sel’)

在括号内书写选择器，用来在全文拿去元素

  1. $(‘html’)

在括号内书写html超文本内容，一般多搭配一些方法使用

  1. $(dom)

其实就是类型字啊转换，将dom元素放置在括号中进行元素的转换

  1. $(document).ready(function{})

类似于js中的onload，表示全文结构加载完毕，在jQuery中一般将所有的函数书写在ready()中，这个ready()执行说明全文加载无误，类似java中的主方法，在绑定事件推荐全部放置在此方法的毁掉函数内

缩略写法$(function{}),详情请见 Jquery中的四个核心函数.txt

链接: https://pan.baidu.com/s/1Bpw3lAlOA-dYlIdlIZuq1g 提取码: mfgb

5.绑定事件

  1. 给元素绑定多个事件
/**
	sel.on('事件1 事件2 事件N',function(){
		只要满足以上事件中的任意一个就可以激发这个回调函数
	}
	注意在jQuery中激发事件与js完全一致，但是没有on开头
*/
$('button:contains(是一个按)').on('click mouseout',function(){
    /*
	*   $(this):表示已经通过选择器等拿取的元素列表
	*   当一次拿取的多个按钮，通过单击激发事件时，$(this)就表示
	*   被点击的那一个
	*   sel.attr('属性名',被修改的属性值)
	*       表示修改元素属性的属性值为第二个参数
	*/
    $(this).attr('disabled',true)
})
  1. 给元素绑定特定激发事件
/**
	sel.事件(function(){
	   满足事件时激发
    })
*/
$(document).dblclick(function(){
    console.log('我被双击啦！！！')
})

6.常用方法

  1. css（）
/*选定元素添加css样式
	有以下两种格式
	1.
	css({样式名1:样式值1,样式名2:样式值2,样式名N:样式值N})
	注意此种书写格式中样式名使用js的书写方式不能出现-，必须遵循驼峰命名
	2.css('样式名1','样式值1')只能书写单个
*/
$('#show').css({
    backgroundColor:'red',
    color:'navy'
})
$('tb').css('background-color','red')
  1. append()与appendTo()
/*
*   A和B本来没有任何关系
*   如果
*   A.append(B)
*   则A为父元素，B为子元素，如果A中存在子元素，则B追加到
*   A的子元素之后，不会覆盖原先子元素
*   类似于js中的appendChild()
*
*   B.appendTo(A)
*   注意此方法等价与A.append(B)
*/
$('table#tb1').append($('<tr><td>我是添加的一行</td></tr>'))
  1. $.trim()与val()
/*
*   $.trim():去掉字符串两边的空格
*   val():表示拿取元素的value属性
*/
$.trim($(this).val())
  1. .hover()
/*
*   sel.hover(
*       function(){
*           鼠标滑过执行此函数
*       },
*       function(){
*           鼠标滑出执行此函数
*       }
*   )
* */
$('div#test').hover(
/*
*   removeClass():删除class属性
*   addClass():添加class属性
*   toggleClass():如果存在属性则删除，如果不存在则添加
* */
    function(){
        $(this).removeClass().addClass('red')
    },
    function(){
        $(this).removeClass().addClass('blue')
    }
)
  1. one()
/*
	与on类似，仅仅激发一次，一次之后失效
*/
  1. before()和after()
/*
*   A和B两个元素没有任何关系
*
*   A.before(B)调用之后BA，两者紧邻互为兄弟
*   A.after(B)调用之后AB，两者紧邻互为兄弟
* */
$('span:contains(测试1)').before($('span:contains(测试2)'))
  1. remove()和empty()
/*
	remove()删除元素本身和子元素及其内容
	empty()删除子元素及其内容
*/
  1. replaceWith()和replaceAll()
/*
	A和B没有任何关系
	A.replaceWith(B):A被B替代，A不存在了只有B
	B.replaceAll(A):等同于A.replaceWith(B)
*/
  1. each()
/*
	循环体.each(function(下标){})
*/
$('ul li').each(function(index){
    if(index==2){
        $(this).css({backgroundColor:'coral'})
    }
})
  1. clone()
/*
	克隆一个元素，包括其结构动作样式等一系列要素
*/
$('div#add').html($('table#tb1').clone())

7.侧边工具栏效果

需要用到的方法

方法描述
$(this)此处获取的是成功激发事件的那个元素
children()拿取元素的子元素，如果括号内有元素名，则表示拿取元素的特定子元素
show()显示元素
hide()隐藏元素
end()返回用户上一步dom操作（破坏性操作）的元素列表
siblings()拿取除本元素外其他的兄弟元素 破坏性操作
slideDown()卷帘显示
slideUp()卷帘隐藏
slideToggle()如果显示中，则卷帘隐藏，如果隐藏时，则卷帘显示
fadeIn()淡入
fadeOut()淡出

以上几个动画方法都支持回调函数的书写

方法名(动画时间,function(){
   执行完动画之后的回调函数
})
 动画时间:为ms数或者设置速度常量 'slow' 'noram' 'fast'
sel.fadeIn(3000,function(){
    要执行的回调函数
})

破坏性操作:

如果一个方法在执行之后会改变当前的元素列表，那么我们称这个方法为破坏性操作

回到最近的一个"破坏性"操作之前。即，将匹配的元素列表变为前一次的状态。 如果之前没有破坏性操作，则返回一个空集。所谓的"破坏性"就是指任何改变所匹配的jQuery元素的操作。这包括在 Traversing 中任何返回一个jQuery对象的函数–‘add’, ‘andSelf’,‘children’, ‘filter’, ‘find’, ‘map’, ‘next’, ‘nextAll’, ‘not’, ‘parent’,‘parents’, ‘prev’, ‘prevAll’, ‘siblings’ and ‘slice’–再加上 Manipulation中的 ‘clone’。

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<title>4)破坏性操作</title>
		<style>
			#menu{
				width:150px;
			}
			.has_children{
				background-color: cornflowerblue;
				color: wheat;
				cursor: pointer;
			}
			/*
				设置默认不显示的样式
			*/
			.highlight{
				background-color: coral;
				color:crimson;
			}
			div a{
				float:left;
				width:150px;
				background-color: silver;
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="menu">
			<div class="has_children">
				<span>一:第一章</span>
				<a href="#">CoreJava</a>
				<a href="#">Oracle</a>
				<a href="#">Mysql</a>
				<a href="#">Xml</a>
			</div>
			<div class="has_children">
				<span>二:第二章</span>
				<a href="#">Js</a>
				<a href="#">jQuery</a>
				<a href="#">Vue</a>
				<a href="#">React</a>
			</div>
		</div>
		<script src="./script/jquery-3.4.1.js"></script>
		<script>
			$(function(){
				$('div.has_children').click(function(){
                    $(this).addClass('highlight').children('a')                    							.slideDown().end().siblings().removeClass('highlight')
                    .children('a').slideUp()
				})
			})
		</script>
	</body>
</html>

8.jQUery的异步请求

使用jQuery发送异步请求一般使用下边三种方法

  1. $.ajax()
$.ajax({
    //1.发送异步请求的目的地
    url:'check',
    //2.发送异步请求的类型
    type:'post',
    //3.是否使用同步，默认true使用
    async:true,
    //4.传递的值，格式 k=v&k2=v2
    data:`name=${$jq_input.val()}`,
    //5.返回的数据类型
    /*有以下五种返回类型,比原生的ajax多了两种
    text,json,javascript,xml,html
    如果返回值是json的话不需要使用JSON.parse(XX)转换
    可以直接使用let 属性值 = 对象.属性名 来拿取
    因为这里规定了返回值类型，所以在servlet中的response
    不需要设置返回的数据类型
    */
    dataType:'text'，
    //6.服务器无误后返回的结果
    /*
    	success:function(data){}
    	使用ES6新特性可以简化为下边的写法
    */
    success(data){
    
	}
	//7.服务器出错执行的回调函数
	error(err){console.log(err.status)}
})
  1. $.get()

$.get(url,data,callback,type)

​ url:表示要提交到的地址

​ data:表示要传递的值，如不需要传值则可以不写

格式：{ k:v,k2:v2}

​ callback:回调函数，出现错误无法控制，

​ type:返回值为以下五种

​ text,script,html,xml,json

$.get('check',{name:$jq_input.val()},function(data){
    if(data=='bingo'){
        $jq_input.addClass('myinput')
        $jq_sp.css('color','red').html('<img src="image/wrong.png" />用户姓名已经被占用')
        $jq_sub.attr('disabled',true)
        return
    }
    $jq_input.removeClass()
    $jq_sp.css('color','green').html('<img src="image/right.png" />用户姓名可以使用')
    $jq_sub.attr('disabled',false)
})
  1. $.post()

用法与$.get()完全一致，只是方法名字变成个 post()

书写完成后，一定要重新部署项目，某则会405

是赵敢敢啊
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JQuery笔记
Ydecube的博客
01-18 728
1、介绍 JQuery 是一个快速、简洁的JavaScript 框架，它提倡写更少的代码，做更多的事情。封装JavaScript 常用的功能代码，提供一种简便的JavaScript设计模式。用于优化HTML文档操作、事件处理、动画设计和Ajax交互。 作用：将页面的JS代码和HTML页面代码进行分离。 2、JQuery函数的三种写法 /* 文档加载完成的事件 */ ...
jQuery笔记
olindayu的博客
12-03 933
jQuery笔记 一、 jQuery入门 目标： 能够说出什么是jQuery 能够说出jquery的优点 能够简单使用jquery 能够说出dom对象和jquery对象的区别 1、jQuery概述 1-1 JavaScript库 仓库：可以把很多东西放到这个库里面。找东西只需要到仓库里面查找就可以了。 JavaScript库：就是library，是一个封装好的特定的集合（方法和函数）。从封装...
Layui查看内置jquery版本
weixin_44178695的博客
11-20 1270
console.log(layui.$.fn.jquery); 会打印出来版本号 如果自己引入太高的jquery版本，部分功能会失效。 例如：穿梭框的滚动条
Layui 的内置jquery 版本
weixin_30486037的博客
04-02 1942
//layui-v2.4.5 的内置jquery 版本。 console.log(layui.$.fn.jquery);//=> 1.12.3 可以使用内置jq的方法： 方法一： layui.use(['table'], function(){ var table = layui.table; var $=layui.$; }); 方法二： l...
Layui中jquery的使用方式
程序三两行
02-02 1370
由于Layui部分内置模块依赖jQuery，所以相信很多童鞋引用layui的时候并没有单独再引入jQuery。但是如果在使用$常规写法获取dom元素时，却会提示未定义。
layui升级juqery版本
最新发布
qq_36437991的博客
06-05 602
低版本jQuery存在漏洞，layui升级juqery版本
layui中使用jquery的方式方法
1853
11-04 877
layui中使用jquery的方式方法 <body> <script src="resources/layui/layui.js"></script> <script type="text/javascript"> layui.use(["jquery"],function(){ var $=layui.jquery; $(".layui-btn").click(fun
jquery笔记详细
07-19
### jQuery 笔记详解 #### 一、简介 jQuery 是一款快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。它极大地提高了开发者编写 JavaScript 代码的效率，并且兼容各种...
在layui中使用内部jQuery的两种方法
wh445306
11-05 1万+
由于Layui部分内置模块依赖jQuery，所以相信很多童鞋引用layui的时候并没有单独再引入jQuery。但是如果在使用$常规写法获取dom元素时，却会提示未定义。 这是由于Layui虽然内置了jQuery1.11最稳定的一个版本作为一个内置的DOM模块（唯一的一个第三方模块）。但是只有你所使用的模块有依赖到它，它才会加载，并且如果你的页面已经script引入了jquery，它并不会重复加载。内置的jquery模块去除了全局的$和jQuery，是一个符合layui规范的标准模块。所以，你如果想全局$使
jquery3和layui版本冲突，导致layui.open.iframe无法最大化高度自适应
LCCCBUG的博客
11-19 922
这里写自定义目录标题问题描述示例解决 首先感谢原作者，博客园-ZQC 问题描述 项目中使用的jquery版本是jquery-3.2.1，在使用layui弹出全屏iframe窗口时，iframe窗口顶部总是出现一个152px（或150px）高的滚动窗口无法实现真正全屏。 示例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width
layui 刷新页面_layuimini简洁、清爽、易用的layui后台框架模板
weixin_39678163的博客
12-03 781
简介layuimini最简洁、清爽、易用的layui后台框架模板。它基于jquery3.4.1 和 layui2.5.4 实现。整套后台大约有20个页面，满足常用的后台管理，如果有基于jquery 的开箱即用的后台项目，可以选型它，有能力的开发者可以利用现有的css和js，把底层库和js逻辑重新实现，把它改成基于vue或者react的后台模板。github 地址：https://github.co...
【layui】layui与JQuery冲突的解决方法
热门推荐
Hello World！
05-21 1万+
出现的问题 当在使用layui模块时，引入了JQuery，而layui与JQuery版本冲突导致出现此错误。 这是由于在使用 layer 之类的模块时，它会首先判断你的页面是否已经引入了JQuery，如果没有，则加载内部的jQuery模块，如果有，则不会加载。 此时layui加载了我进入的jquery.min.js，但由于这个版本和layui不匹配，导致无法初始化table。 解决方法 根据la...
layui中使用jq
欢迎来到别往的博客
01-13 1023
背景 友人咨询layui怎么使用ajax，官方文档没有说明，但本人看到module中有Jquery，并查看源码不是删减版的，$.ajax $.get $.post都有。但是不能直接使用，因为jq源码是注册到初始化它的类中，默认是windows. 废话少说,全局调用 引入jqlayui.use("jquery") 然后$变为layui.$,例如layui.$get layui.$ajax ...
使用layui+jQuery实现点击删除单行数据
07-27 397
使用layui+jQuery实现点击删除单行数据 首先要用到layui的官网手册 地址：https://www.layui.com/ 注意1. 此功能是在使用layui展示数据的基础上实现 　　3. 数据展示步骤连接：https://www.cnblogs.com/glwuzhang/p/11252987.html 　　2. 记得引用文件 1.进入手册页面的 ”示例“...
layui封装自定义模块
weixin_30773135的博客
01-17 2890
转自：https://lianghongbo.cn/blog/430585105a35948c layui是国人开发的一款非常简洁的UI框架，使用了模块化加载方式，因此在使用过程中我们难免需要添加自己的模块，本教程就教大家封装一个简单的模块。 平常使用中，ajax可以说使用广泛，所以这里我们添加一个自己的模块，将ajax封装一下，方便使用。 注：模块加载需要服务器环境支持，...
使用layui 和 jquery 问题小结
diaolong123123的博客
03-23 742
问题 1 在使用 layui 2.2.5 之前，可以引入最新版的 jquery ，使用更好的性能。也可以使用layui 的jquery内部版本。如果引入要在引入layui.js 之前引入 2 使用 select 的动态添加 option 元素时，一直不能渲染出来。后来上网查看资料，发现在更新过表单元素后要使用 form.render() 重新渲染。代码如下 <!...
JQuery笔记：选择器、属性操作、事件处理和DOM操作详解
Jquery笔记 Jquery是JavaScript库，用于简化HTML、CSS和JavaScript之间的交互。下面是Jquery笔记的详细知识点。 一、选择器 * 并且选择器：使用逗号分隔多个选择器，选择所有匹配的元素。 * 父子选择器：使用大于...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值