![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
芝麻蓝
这个作者很懒,什么都没留下…
展开
-
jQuery学习笔记(3)(DOM对象,js对象,jQuery对象的区别与转换)
1.DOM对象DOM对象是以面向对象的方式来描述文档模型,通过DOM可以访问所有HTML以及他的内容与相关属性并可以进行增删改查等操作,他不是一种语言,更像是一种操作方法,可以使用任何语言进行操作2.JS对象上面说到了DOM对象可以使用任何语言进行操作,所以通过js获取的DOM对象就是js对象,js通过DOM操作获取页面上的标签对象就是js对象3.*jQuery对象用jQuery包装了D...原创 2019-07-13 10:45:51 · 96 阅读 · 0 评论 -
jQuery案例(1)(jQuery实现下拉菜单栏)(附:纯css,原生js实现)
jQuery实现下拉菜单解析:给menu的子元素li(一级菜单)注册鼠标悬停事件,然后slideToggle()通过滑动缓慢切换显示与隐藏li的子元素ul(二级菜单)注:要记得使用stop停止动画,不然操作频繁后就会出现下拉效果延迟html:<!DOCTYPE html><html lang="en"><head> <meta char...原创 2019-08-05 00:22:24 · 853 阅读 · 0 评论 -
jQuery学习笔记(6.2)动画(自定义动画与stop()方法,callback()方法)
1. 自定义动画1.操作单个属性$().animate({});例:html:<button>1</button><div style="background:black;height:50px;width:50px;position:absolute;"></div>js:$(ducument).ready(function(){...原创 2019-07-23 11:01:32 · 117 阅读 · 0 评论 -
jQuery学习笔记(8)jQuery插件的认识与制作
1.jQuery插件是什么jQuery不是万能的,在开发中会遇到不能实现的功能,这时候就需要jQuery插件对jQuery进行扩展,添加一些其他方法。2.如何制作一个jQuery插件2.1原型在制作之前先要弄明白的是原型,看一个例子例: var arr = new Array console.log(arr)拿浏览器打开看控制台可以看到数组的所有的...原创 2019-07-31 18:01:27 · 404 阅读 · 0 评论 -
jQuery学习笔记(6.1)动画(三种基本动画)
三种基本动画1.显示与隐藏1.1隐藏hide$(this).hide();例:html:<p>隐藏</p>js:$(document).ready(function(){ $("p").click(function(){ $(this).hide(); });}); 点击时会隐藏1.2显示show$(this).show();例...原创 2019-07-22 21:46:48 · 240 阅读 · 0 评论 -
jQuery学习笔记(7.2)on()注册事件与相关的执行顺序与事件解绑
1.on()注册事件之前的bind注册事件与delegate注册事件在jQuery1.7之后就被统一了,统一用on来注册事件1.1on注册简单事件$("").on(“click”,function(){})例:html:<div>1</div>js:$("div").on("click",function(){ alert("1");});点击1弹...原创 2019-07-25 23:15:59 · 379 阅读 · 0 评论 -
jQuery学习笔记(7.1)注册事件 bind()委托注册delegate()事件
1.普通的注册事件例:html:<div>1</div>js:$(document).ready(function(){ $("div").click(function(){ alert("1"); });});点击1,会弹出提示框12.bind()注册事件例:html:<div>1</div>js:$(doc...原创 2019-07-25 18:27:35 · 145 阅读 · 0 评论 -
jQuery学习笔记(2)(语法与选择器)
jQuery学习笔记(2)jQuery语法1.用美元符定义2.用()来选择html中的元素3.用 方法名()来执行方向美元符(要查找的html元素的id或class等).action();例:$("#id").click();jQuery选择器jQuery的选择器与css的选择器十分类似,语法也基本相同1.id选择器#要选择元素的id名例:$("#dyc").addClas...原创 2019-07-12 16:13:47 · 229 阅读 · 0 评论 -
jQuery学习笔记(1)(jQuery的下载与使用)
jQuery学习笔记(1)jQuery介绍jQuery的下载与使用jQuery介绍在学习jQuery前需要熟悉JavaScript,jQuery,时JavaScript的一个函数库,有很多插件,许多方法直接用就行特别方便好用(注:jQuery2及以上版本不支持IE6,7,8)jQuery的下载与使用**1.下载下载网址:点我去下载.进入后可以看到下面这两个下载如下第一个是已经压缩后的版...原创 2019-07-12 10:18:50 · 162 阅读 · 0 评论 -
jQuery学习笔记(5)三种操作(css,class,属性)
1.css操作html:<div>1</div><div>2</div><div>2</div>1.单个样式修改css(“name样式名”,“value样式值”)例:$("div").css("color","red");字变红2.多个样式修改多个样式修改时是以键值对的方式呈现的css(obj)例...原创 2019-07-16 11:21:02 · 101 阅读 · 0 评论 -
jQuery学习笔记(4.2)各种奇怪的事件attr()中checked, selected, disabled的失效问题 prop方法
1.例子这是之前做项目遇到的一个坑,先举个栗子html:<input type="button" value="勾" class="btn1"></input><input type="button" value="不勾" class="btn2"></input><input type="checkbox" class="ckb"&...原创 2019-07-16 09:41:44 · 479 阅读 · 0 评论 -
jQuery学习笔记(4.1)各种奇怪的事件mouseenter与mouseover的区别
1.mouseover()与mouseout()muoseover() //鼠标经过事件$("#p").mouseover(function(){ alert("鼠标经过了");});mouseout() //鼠标离开事件$("#p").mouseout(function(){ alert("鼠标离开了");});2.mouseenter()与mouseleave()...原创 2019-07-14 15:49:27 · 186 阅读 · 0 评论 -
jQuery案例(2)实现渐变轮播图(仿京东)
效果html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...原创 2019-09-02 14:29:50 · 357 阅读 · 1 评论