![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
杏黄的三叶草
对于爱情,只字不提
展开
-
jQuery中mouseenter和mouseover的区别
1.mouseover在鼠标进入父元素时会被触发,当进入父元素的子元素时又会被触发一次2.mouseenter只有在鼠标进入目标元素时才会被触发,和其子元素无关。案例(自己最好在编辑器上测试一下,加深理解)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jq原创 2020-05-14 11:45:13 · 217 阅读 · 0 评论 -
jQuery中each方法以及多库共存技术(兼容不同的JavaScript库)
each方法的使用隐式迭代—内部帮助我们循环遍历操作当对每个元素做不同的操作的时候,each方法能够帮助我们遍历jQuery中的对象each方法中第一个参数为索引值,第二个参数为索引元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>原创 2020-05-12 22:49:57 · 146 阅读 · 0 评论 -
jQuery中事件的触发以及事件参数对象
* 事件触发的方法: * 1.对象.事件名字() * 2.对象.trigger("事件名字") * 3.对象.triggerHandle("事件名字"),该方式不能触发浏览器的默认行为<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src=".....原创 2020-05-08 23:17:35 · 583 阅读 · 0 评论 -
jQuery中事件的绑定和解绑以及事件冒泡和事件冒泡的阻止
一、元素事件的绑定为按钮绑定鼠标进入,鼠标离开,点击事件第一种方法 $("#btn").mouseenter(function () { $(this).css("backgroundColor","red"); }); $("#btn").mouseleave(function () { $(this).css("backgroundColor","blue");原创 2020-05-08 21:54:48 · 345 阅读 · 0 评论 -
jQuery中元素宽,高,left,top的获取和宽高设置以及元素卷曲出去的距离
设置元素的宽度和高度.width()设置或者获取元素的宽,获取的是数值类型的值.height()设置或者获取元素的高可以写单位也可以不写单位案例如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&l...原创 2020-05-08 17:15:56 · 1326 阅读 · 0 评论 -
jQuery中操作元素选中问题,value值的操作,自定义属性的操作
value属性的操作val()html()text()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../jquery-1.12.1.js...原创 2020-05-08 16:02:09 · 524 阅读 · 0 评论 -
jQuery中全选和全不选功能[详解]
根据选择了的个数来设置选中状态案例如下<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; ...原创 2020-05-08 15:24:17 · 406 阅读 · 0 评论 -
jQuery中元素的创建(只创建一个元素的方法)
在父级元素中追加一个子元素(被动)父元素.append(子元素);$("#dv").append($("<a href='www.baidu.com'>百度</a>"));创建一个子元素直接加入父级元素中(主动)子级元素.appendTo(父级元素);$("<a href='www.baidu.com'>百度</a>").ap...原创 2020-05-08 14:34:41 · 695 阅读 · 0 评论 -
jQuery中动画的有关方法
show和hide方法有参数参数1:时间----1000毫秒----1秒参数2:回调函数----动画执行完毕后才执行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> ...原创 2020-05-04 15:41:15 · 131 阅读 · 0 评论 -
jQuery中获取兄弟元素的方法
获取该元素的前一个兄弟元素 $(this).prev().css("backgroundColor","red"); 获取该元素的下一个兄弟元素 $(this).next().css("backgroundColor","red"); 获取该元素后面的所有兄弟元素 $(this).nextAll().css("backgroundColor","red"); 获取该元素前面的所有兄...原创 2020-05-04 15:32:58 · 1860 阅读 · 0 评论 -
jQuery中元素类样式的设置和移除[网页开关灯]
为元素设置类样式addClass(“类样式的名字”)为元素移除类样式removeClass(“类样式的名字”)判断元素是否有该类样式hasClass(“类样式的名字”)addClass()方法,括号里什么也没有,返回来的仍然是这个对象,即使在括号中设置了内容,返回来的还是这个对象removeClass()方法,同上css方法不能够添加或者移除类样式的[$("#dv").css(“c...原创 2020-05-04 15:19:18 · 179 阅读 · 0 评论 -
jQuery中链式编程详解[评分五角星的实现]
链式编程:即对象不停的调用方法对象调用方法,如果返回值还是当前这个对象,那么可以继续调用方法在jQuery中,一般情况下,如果这个方法具有设置的意思,那么返回来的几乎都是当前对象,也就可以继续链式编程如果断链了(返回的不是当前对象)可以使用end()方法继续链式编程链式编程的原理<!DOCTYPE html><html lang="en"><...原创 2020-05-04 15:08:46 · 138 阅读 · 0 评论 -
jQuery中获取元素的常用方式和DOM中获取元素的常用方式
1.DOM中获取元素的常用方式DOM中获取元素的方式根据id获取元素document.getElementById(“id属性值”)根据标签名字获取元素document.getElementsByTagName(“标签名字”)根据name属性获取元素document.getElementsByName(“name属性值”)根据类样式的名字获取元素document.getEle...原创 2020-04-05 13:47:52 · 682 阅读 · 0 评论 -
jQuery对象和DOM对象互转问题(案例之网页的开关灯)
* jQuery对象和DOM对象的互转: * DOM操作太麻烦(实现兼容代码太多),转jQuery对象操作简单,不需要写兼容代码 * jQuery操作中,有一些兼容没有封装在jQuery中,转DOM对象。通过原生js代码实现该功能;如果后面jQuery代码解决了兼容性问题,还可以在转回来 * 如果对象是通过DOM方式获取的,那么就是DOM对象 * 如果对象是...原创 2020-04-05 12:34:42 · 172 阅读 · 0 评论 -
Jquery中网页加载的不同方式
DOM中页面加载事件---->页面全部加载完毕后才触发(标签,文字,图片,引入的文件) window.onload=function () { console.log("成长的伤痛"); };jQuery中的页面加载事件第一种$(window).load(function () { console.log("I believe"); ...原创 2020-04-05 12:29:52 · 228 阅读 · 0 评论