![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 68
高级白嫖工程师
我不是码神
展开
-
jQuery---jQuery操作CSS样式方法
jQuery操作css样式的几种方法css(name|pro|[,val|fn])一个参数:获取css属性值;两个参数:设置css属性;参数可以是属性名对属性值,或者是一个属性,又或者是多个属性组成的对象;使用该方法有三种设置css样式的途径:逐个设置;链式设置(一般不要超过三个,要保证可阅读性);批量设置;如下代码所示:<div></div><script> // jquery操作样式的方法:css(name|pro[,v原创 2020-08-27 11:25:58 · 706 阅读 · 0 评论 -
jQuery---jQuery代码、文本、值操作方法
jQuery代码、文本、值操作方法html()方法html([val|fn]):设置/取得第一个匹配元素的html内容;不传递参数时获取元素内容;传递html代码片段时,该方法会生成对应的元素然后插入;;html()方法text([val|fn]):设置/取得所有匹配元素的html内容;不传递参数时获取元素内容;传递html代码时,不会生成元素插入,只会将文本原样插入;val()方法val([val|fn|arr]):获得匹配元素的当前值;不传递参数时获取元素当前值;&l原创 2020-08-27 11:24:59 · 141 阅读 · 0 评论 -
jQuery---jQuery类操作方法
jQuery中操作css类的方法addClaas()方法addClass(class|fn):为每个匹配的元素添加指定的类名;添加多个类名时,用空格隔开即可;removeClaas()方法addClass(class|fn):为每个匹配的元素删除指定的类名;删除多个类名时,用空格隔开即可;toggleClaas()方法addClass(class|fn):为每个匹配的元素添加指定的类名;添加/删除多个类名时,用空格隔开即可;切换的意思就是,指定的类以及存在的话就删除类,不存在就原创 2020-08-27 11:23:35 · 120 阅读 · 0 评论 -
jQuery---jQuery属性方法
知识回顾学习jQuery属性方法前,先回顾一些概念:什么是属性?如何操作属性?属性:属性就是对象中保存的变量;操作属性:var obj = {};obj.name = 'peanut';// 或obj["name"] = "peanut";什么是属性节点?如何操作属性节点?属性节点:在编写html时为元素添加的属性就是属性节点,相应地DOM元素的所有属性节点全部保存在attributes集合中;操作属性节点:DOMEle.setAttribute(attr,value): 设置属原创 2020-08-27 11:22:59 · 170 阅读 · 0 评论 -
jQuery---内容选择器
jQuery内容选择器jQuery中的选择器与css中的选择器大部分相同,本小节主要学习内容选择器;内容选择器有以下四个:属性说明ele:empty匹配所有不包含子元素或者文本的空元素ele:parent匹配含有子元素或者文本的元素ele:contains(text)匹配包含给定文本的元素ele:has(selector)匹配含有选择器所匹配的元素的元素<div></div><div>我div</div原创 2020-08-27 11:22:13 · 388 阅读 · 0 评论 -
jQuery---静态方法和实例方法
静态方法和实例方法1.知识回顾:静态方法:直接添加到类中的方法就是静态方法,通过类名调用;实例方法:添加到原型对象中的方法就是实例方法,通过类的实例调用;//创建类function MyClass(){};// 1.静态方法MyClass.staticMethod = function(){};// 调用MyClass.staticMethod();//通过类调用// 2. 实例方法MyClass.prototype.instanceMethod = function(){};原创 2020-08-27 11:21:20 · 258 阅读 · 0 评论 -
jQuery--jQuery对象的本质
jQuery对象什么是jQuery对象?jQuery对象其实是一个伪数组<p>1</p><p>2</p><p>3</p><script> // 先看jQuery对象的打印结果 $(function(){ var $jqObj = $('p'); console.log($jqObj); /* n.fn.init(3)原创 2020-08-27 11:20:22 · 305 阅读 · 0 评论 -
jQuery--入口函数、核心函数
jQuery的使用引入jQuery库引入jQuery文件,有两种方式:jquery.com下载jquery库并引入;使用CDN(内容分发网络)引入;//1.下载文件后引入<script src="jquery-1.10.2.min.js"></script>//2.使用cdn<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">//百度cdn<script原创 2020-08-24 22:12:24 · 113 阅读 · 0 评论 -
js基础学习——JSON
为什么说json是JavaScript的子集?json利用了JavaScript中的一些模式来表示结构化数据;1.语法json的语法可以表示哪些类型的值?主要可以表示以下三种类型的值:简单值:使用与js相同的语法,可以表示数值、字符串、null、布尔值;(不支持undefined)数组(可嵌套):与js相同的表示方式,表示一组有序的值的列表;对象(可嵌套):表示一组无序的键值对;json不支持变量、函数或对象实例,他只是一种表示结构化数据的格式;1.1 简单值简单值主要有原创 2020-08-22 17:34:11 · 207 阅读 · 0 评论 -
js基础学习——引用类型的单体内置对象
单体内置对象:由ECMAscript实现提供的、不依赖于宿主环境的对象,这些对象在ECMAscript程序执行之前就已经存在。简而言之,就是可以直接使用,不需要手动实例化的对象,比如Object、Array和String。1.Global对象所有在全局作用域下定义的属性和函数,都是Global对象的属性。1.1 URI编码方法encodeURI():用于整个URI,对URI(通用资源标识符)进行编码,以便发送给浏览器,不会对属于URI自身的特殊字符($、&等)进行编码;encodeUR原创 2020-06-29 11:15:33 · 136 阅读 · 0 评论 -
js基础学习——引用类型中的基本包装类型
1.基本包装类型的概念ECMAscript提供了三个基本包装类型:Boolean、Number、String;每当读取一个基本数据类型时,后台就会自动生成一个对应的基本包装类型的对象,方便我们能够调用一些方法来操作这些基本数据类型。基本数据类型不是对象,按道理来说是不该有方法的,但是通过后台的以下操作,基本数据类型对应生成了基本包装类型:/*1.创建对应基本数据类型的一个实例 2.在实例上调用指定的方法 3.销毁该实例,释放内存*/var str = new String('test te原创 2020-06-27 17:58:30 · 155 阅读 · 0 评论 -
js基础学习——引用类型中的Function类型
1.创建函数函数也是对象。每个函数都是Function的实例,都与其他引用类型一样具有属性和方法。function关键字://语法格式:function fn(){};函数表达式//语法格式:var fn = function(){};原创 2020-06-23 16:18:17 · 323 阅读 · 2 评论 -
js基础学习——引用类型中的RegExp类型
1.创建RegExp类型JavaScript中通过用RegExp类型来支持正则表达式;字面量形式var expre = /pattern/flags//pattern:正则表达式规则(模式)//flags:修饰符RegExp构造函数var expre = new RegExp(pattern,flags);//传递给构造函数的两个参数都是字符串,不能把正则表达式字面量传递给构造函数//要注意对参数中的元字符进行转义关于修饰符的说明:i:表示不区分大小写的匹配;g:全局模原创 2020-06-22 09:53:39 · 199 阅读 · 0 评论 -
js基础学习——引用类型中的Date类型
1.创建一个Data日期对象使用new操作符和Data构造函数:var data = new Data();// new + Data构造函数var now = new Date();console.log(now);//Fri Jun 19 2020 14:00:54 GMT+0800 (中国标准时间)在调用Date构造函数但不传递参数时,新创建的对象自动获得当前的时间。2.根据特定时间创建日期对象Date.parse():返回总毫秒数,参数以字符串形式传递Date.UTC():返原创 2020-06-20 17:06:03 · 183 阅读 · 0 评论 -
打卡学习:2.引用类型——Array
引用类型学习打卡引用类型——Array1.两点概念:ECMAscript数组的每一项都可以保存任何类型的数据。数组的大小是可以动态变化的。2.创建Array类型Array构造函数var color = new Array();//可以在创建数组时给数组一个参数,用作数组的长度(length值)var color = new Array(20)//length=20的数组//也可以省略new关键字,结果是一样的var color = Array();字面量形式var原创 2020-06-19 09:16:32 · 205 阅读 · 1 评论 -
引用类型学习——Object
引用类型学习打卡第一天!1.创建:new操作符后加Object构造函数。let obj = new Object()字面量表示法:let obj = {}2.访问对象属性:点表示法:obj.name方括号法:obj['name']原创 2020-06-18 08:17:46 · 110 阅读 · 0 评论