js
aqzengkuasheng
这个作者很懒,什么都没留下…
展开
-
jQuery的事件绑定
bind()绑定事件为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script><!原创 2022-02-18 13:49:37 · 167 阅读 · 0 评论 -
jQuery预加载事件(ready)
jQuery的预加载事件就是ready加载事件,ready()类似于 onLoad()事件ready()可以写多个,按顺序执行语法为:(document).ready(function())等价于(document).ready(function(){})等价于(document).ready(function())等价于(function(){})<!DOCTYPE html><html> <head> <meta charset="utf-8"&g原创 2022-02-18 12:07:18 · 433 阅读 · 0 评论 -
jQuery删除和便利元素
删除元素有两种方法:remove(),empty();<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> span{ color: white; padding: 8px; margin: 5px; float: lef原创 2022-02-18 11:54:24 · 98 阅读 · 0 评论 -
创建元素和添加元素
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 添加元素: 1.前追加子元素 指定元素.prepend(内容);在指定元素内部的最前面追加内容 $(内容).prependTo(指定元素);在指定元素内部的最前面追加内容 2.后追加子元素 指.原创 2022-02-18 11:10:13 · 413 阅读 · 0 评论 -
jQuery操作元素的内容
html()和text()是针对非表单元素来用的,val是针对表单元素来用的。以后常用的是html()和val()<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 操作元素的内容 html() 获取元素的内容,包含html标签(非表单.原创 2022-02-17 21:26:32 · 191 阅读 · 0 评论 -
jQuery操作元素的样式
样式的属性值获取、样式的属性值设置、添加样式、移除样式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ padding: 8px; width: 180px; } .blue{ background: blue;原创 2022-02-17 20:19:12 · 265 阅读 · 0 评论 -
jQuery操作元素的属性
操作元素的属性包含:获取属性、设置属性值、删除属性<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 元素属性的分类: 1.固有属性:元素本身就有的属性(id,name,class,style) 2.返回值是boolean的属性:checked原创 2022-02-17 19:38:52 · 194 阅读 · 0 评论 -
jQuery选择器
选择器就是"一个表示特殊语意的字符串", 只要把选择器字符串传入上面的方法中就能够选择不同的Dom 对象并且以 jQuery 包装集的形式返回。1.基础选择器基础选择器的使用KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id"),(".clas"),("element"),("element"),("element"),("*")<!DOCTYPE html><html> <head&g原创 2022-02-17 14:28:13 · 161 阅读 · 0 评论 -
jQuery对象
1.jquery到官网下载2.使用"jQuery"是核心对象。通过该对象可以获取jQuery对象,调用jQuery提供的方法等。只有jQuery对象才能调用jQuery提供的方法。$ <==> jQuery。只有jQuery才能调用jQuery提供的方法。Dom对象和jQuery对象Dom对象: javascript 中获取 Dom 对象(document),Dom 对象只有有限的属性和方法。想这种直接把你的标签全部打印出来的就是dom对象jQuery对象:可以说是 Dom 对象原创 2022-02-17 10:27:23 · 57 阅读 · 0 评论 -
js实现表格的动态操作
1.当光标移动到表格的某一个单元格的时候,表格会变色2.一次选中删除表格,或者一个一个删除表格<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div{ width: 60%; /* border: 1px solid red; */ height: 300px; margin原创 2022-02-16 20:12:05 · 278 阅读 · 0 评论 -
dom对元素的增删改查
通过添加元素:element.appendChild()删除元素:element.removeChild()创造元素:document.createElement()<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .outer{ height: 200p原创 2022-02-16 20:09:47 · 83 阅读 · 0 评论 -
js中的dom对象
文档对象模型(dom),由页面经过抽像而形成的一个一个的对象。window 窗口:页面需要加载到浏览器里面,浏览器呢就会形成一个window对象。这个对象又有两部分组成。下面看得见的内容叫document对象和bom对象。document 文档:是window里的一个属性,也是一个对象。可以通过document对象获取文档里面的内容。元素抽象而成的对象叫元素对象属性抽象而成的对象叫属性对象获取元素对象的三种方法:<!DOCTYPE html><html> <原创 2022-02-15 21:47:00 · 348 阅读 · 0 评论 -
js事件绑定以及常用事件
事件是可以被 JavaScript 侦测到的行为。Js本身就可以检测到事件的发送,但是如果没做处理也就没效果。事件绑定:HTML内联属性: HTML 元素里面直接填写事件有关属性,属性值为 JavaScript 代码,即可在触发该事件的时候,执行属性值的内容<button onclick="alert('你点击了这个按钮');">点击这个按钮</button>onclick 属性表示触发 click,属性值的内容(JavaScript 代码)会在单击该 HTML 节点时原创 2022-02-15 15:27:07 · 283 阅读 · 0 评论 -
js自定义对象,this关键字
js是基于对象的,不是面向对象,它是基于它内置的对象的。js提供了多个内置对象如:Object,String,Date,Array等等。对象只是带有属性和方法的特殊数据。创建对象1:通过new创建对象var obj=new Object();//Object是构造方法这个时候obj里面会有默认的内置对象的一些方法。然后添加自定义的属性和方法obj.name=“小明”obj.sleep=function(){console.log(这是自定义方法);}创建对象的方式2:通过字面量的方式原创 2022-02-11 16:24:41 · 544 阅读 · 0 评论 -
js运算符、函数、数组
var a="1";var b=2;var sum=a+b;console.log(sum)//会变成字符串12i++ :后导自增,先使用原来变量中的值,然后再自增++i:先自增然后再使用新的值函数声明:function printHW(){console.log("helloWorld")}函数调用:printHW();函数|方法的定义创建一个函数:方法1function 函数名(【参数列表】)(){方法体;}方法2var 变量名=function([参数列表]原创 2022-02-11 15:06:20 · 303 阅读 · 0 评论 -
js的数据类型
js中所有变量的默认值是undefinded。基本数据类型有:字符串:String类型,数字Number类型 ,布尔类型Boolean类型。复合数据类型:数组:Array 、对象:Object 特殊:空对象(Null),未定义:Undefinedtypeof可以用来查看类型console.log(typeof("abc"));console.log(typeof(123));console.log(typeof(true));undefined是一个特殊的类型,如果声明了一个变量但是没有原创 2022-02-11 09:59:30 · 247 阅读 · 0 评论 -
js的三种使用方式
1.行内式:将js代码写在属性里面<input type="button" onClick="alert('Are you OK !')" value="按钮"/>2.内嵌式:将js代码和html写在一下,用script标签隔开<script type="text/javascript"> //这里编写JavaScript程序</script>3.外联式:可以把js代码写在单独的一个文件中,要用的时候应用即可<script src=原创 2022-02-10 21:45:34 · 1055 阅读 · 0 评论