jQuery
关注
分享
扫一扫
Eli-sun
不断学习
展开
-
jQuery元素操作（2）
jquery元素操作主要是遍历、创建、添加、删除元素操作。1.创建元素语法：$("")动态的创建了一个2.添加元素1.内部添加element.append(“内容”)把内容放入匹配元素最后面，类似原生appendChild$(“ul”).prepend(li); // 内部添加并且放在内容的最前面2.外部添加element.after(“内容”) // 把内容放入目标元素后面element.before(“内容”) // 把目标放入目标元素前面内部添加元素，生成之后，他们是父子关原创 2020-05-09 15:23:58 · 124 阅读 · 0 评论 -
jQuery元素操作
jquery元素操作主要是遍历、创建、添加、删除元素操作。1.遍历元素jQuery隐式迭代是对同一类元素做了相同的操作，如果想要给同一类元素做不同的操作，就需要用到遍历。语法1：$(“div”).each(function(index,domEle){xxx;})1.each()方法遍历匹配的每一个元素，主要用DOM处理，each每一个2.里面的回调函数有两个参数：index是每个元素的索引号，DomEle是每个DOM元素对象，就需要用到遍历。3.所以要想使用jquery()方法，需要给这个原创 2020-05-09 14:54:50 · 156 阅读 · 0 评论 -
jQuery内容文本值
jQuery内容文本值主要针对元素的内容1.普通元素内容html()(相当于原生innerHtml)html() //获取元素的内容html(“内容”) //设置元素的内容2.普通元素文本内容text() (相当于原生 inner Text)text() //获取文本内容text(“内容”) //设置文本内容3.表单的值val() (相当于原生value)val() //获取表单的内容val(“内容”) //设置表单的内容栗子：<!DOCTYPE html><ht原创 2020-05-09 12:37:18 · 114 阅读 · 0 评论 -
jQuery属性操作
1.设置或获取元素固有属性 prop()所谓元素固有属性就是元素本身自带的属性，比如a元素里面的href,比如input元素里面的type。1.获取固有属性语法prop(“属性”)2.设置属性语法prop(“属性”,“属性值”)2.设置或获取元素自定义属性值 attr()用户自己给元素添加的属性，我们称为自定义属性，比如给div添加index=“1”1.获取自定义属性语法attr...原创 2020-05-08 17:28:41 · 129 阅读 · 0 评论 -
jQuery效果
jQuery效果jQuery给我们封装了很多动画效果，最为常见的如下：显示隐藏show()hide()toggle()滑动slideDown()slideUp()slideToggle()淡入淡出fadeIn()fadeOut()fadeToggle()fadeTo()自定义动画animate()显示隐藏效果：1.显示语法规范show([speed,[easi...原创 2020-05-08 16:28:33 · 110 阅读 · 0 评论 -
类操作与className区别
类操作与className区别原生JS中className会覆盖元素原先里面的类名jquery里面类操作只是对指定类进行操作，不影响原先的类名栗子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...原创 2020-05-07 19:19:40 · 282 阅读 · 0 评论 -
jQuery样式操作之css方法
操作CSS方法jquery可以使用css方法来修改简单元素样式；也可以操作类，修改多个样式1.参数只写属性名，则是返回属性值$(this).css(‘color’)2.参数是属性名、属性值、逗号分隔，是设置一组样式，属性必须加引号，值如果是数字可以不用跟单位和引号。$(this).css(‘color’,‘red’);3.参数可以是对象形式，方便设置多组样式，属性名和属性值用冒号隔开，...原创 2020-04-19 19:29:51 · 337 阅读 · 0 评论 -
jquery案例：淘宝精品服饰案例（简写，重点是jquery的代码）
案例：淘宝精品服饰案例1.核心原理：鼠标经过某个盒子鼠标小li，就让内容区盒子相对应图片显示，其余的图片隐藏，2.需要得到当前小li的索引号，3.jQuery得到当前元素的索引号$(this).index()4.中间对印的图片，可以通过eq(index)方法去选择5.显示元素show(),隐藏元素hide()栗子：<!DOCTYPE html><html lang...原创 2020-04-19 19:07:54 · 1342 阅读 · 0 评论 -
jQuery选择器（重点）
重点记住：parent(),children(),find(),siblings(),eq(),栗子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid...原创 2020-04-18 19:49:51 · 285 阅读 · 0 评论 -
jQuery选择器
栗子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen...原创 2020-04-18 18:35:49 · 114 阅读 · 0 评论 -
jQuery隐式迭代（重要）
遍历内部DOM元素（伪数组形式存储）的过程就叫做隐式迭代简单理解：给匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用。栗子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="...原创 2020-04-18 18:21:55 · 294 阅读 · 0 评论 -
jQuery选择器
jQuery基础选择器原生JS获取元素方式很多，很杂，而且兼容性情况不一致，因此jquery给我们做了封装，使获取元素统一标准$(‘选择器’)// 里面选择器直接写CSS选择器即可，但是要加引号jQuery层级选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...原创 2020-04-02 22:17:27 · 179 阅读 · 0 评论 -
jQuery对象和DOM对象转换
DOM对象与jQuery对象之间是可以相互转换的因为原生JS比jQuery更大，原生的一些属性和方法jQuery没有给我们封装，要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。1.DOM对象转换为jQuery对象：$(DOM对象)2.jQuery对象转换为DOM对象（两种方式）$(‘div’)[index] index是索引导$(‘div’).get(ind...原创 2020-04-02 21:37:09 · 162 阅读 · 0 评论 -
jQuery的顶级对象$
jquery的顶级对象 $1.$ 是jquery的别称，在代码中可以使用jQuery代替 $ ,但一般为了方便，通常都直接使用 ,2., 2.,2. 是jQuery的顶级对象，相当于原生javascript中的window，把元素利用$包装成jQuery对象，就可以调用jQuery的方法。<!DOCTYPE html><html lang="en">...原创 2020-04-01 22:48:48 · 228 阅读 · 0 评论 -
jQuery的基本使用
jQuery的下载：官网地址：https://jquery.com/版本：1x:兼容 IE 678等低版本浏览器，官网不再更新2x:不兼容 IE 678等低版本浏览器，官网不再更新3x:不兼容 IE 678等低版本浏览器,是官方主要更新维护的版本各版本的下载地址：https://code.jquery.com/jQuery的使用步骤1.引入jQuery文件<!DOCTYPE...原创 2020-03-29 21:42:54 · 87 阅读 · 0 评论 -
jQuery入门
jQuery概述JavaScript库：即library,是一个封装好的特定集合（方法和函数），从封装一大堆的函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如animate,hide,show,比如获取元素等。简单理解：就是一个JS文件，里面对我们原生js代码进行了封装，存放到里面，这样我们可以快速高效的使用这些封装好的功能了。比如jQuery,就是为了快速方便的操作...原创 2020-03-29 21:08:24 · 1156 阅读 · 0 评论