![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
weixin_43811818
这个作者很懒,什么都没留下…
展开
-
jQuery20 按键表色效果
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .wrap h1{ text-align: center; } h1{ displ...原创 2019-11-27 18:16:34 · 112 阅读 · 0 评论 -
jquery 19事件对象
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ wid...原创 2019-11-27 18:15:01 · 163 阅读 · 0 评论 -
jQuery 18 triggle事件触发
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #one{ width:200px; height:200px; border:10p...原创 2019-11-27 18:13:29 · 177 阅读 · 0 评论 -
jquery 17事件的发展历程
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width:200px; height:200px; margin-top:...原创 2019-11-27 18:12:46 · 143 阅读 · 0 评论 -
jQuery16 被折起区域的尺寸
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ width:2000px; height:2000px; } div{...原创 2019-11-27 18:10:59 · 62 阅读 · 0 评论 -
jquery 15 操作属性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" value="获取属性" id="btn1"/> <i...原创 2019-11-27 18:10:20 · 78 阅读 · 0 评论 -
jquery14 一些关于尺寸的函数
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ padding: 0px; margin: 0px; } .one{ ...原创 2019-11-27 18:09:39 · 67 阅读 · 0 评论 -
jQuery13 prop属性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" value="按钮" id="btn1"/><br/>...原创 2019-11-27 18:07:40 · 82 阅读 · 0 评论 -
jquery 12 val()获取表单
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" value="按钮" id="btn"/><br/>...原创 2019-11-27 18:03:54 · 114 阅读 · 0 评论 -
jQuery12 克隆节点
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1{ width:200px; height:100px; border:1p...原创 2019-11-27 18:03:13 · 73 阅读 · 0 评论 -
jquery11 说完添加,我们再来说说删除
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" value="按钮" id="btn"/> <ul ...原创 2019-11-27 18:02:25 · 53 阅读 · 0 评论 -
jquery 几种添加节点的方式 分别在什么位置添加
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" value="append" id="btnAppend" />...原创 2019-11-26 20:15:25 · 177 阅读 · 0 评论 -
jQuery 9动态追加节点
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width:100px; height:100px; border:1px...原创 2019-11-26 20:09:57 · 121 阅读 · 0 评论 -
jquery 8上次动画的进阶版
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title>\ <style type="text/css"> div{ width:200px; height:300px; background...原创 2019-11-26 19:57:33 · 84 阅读 · 0 评论 -
jquery 7 动画样式 animate
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width:100px; height:100px; background...原创 2019-11-26 19:49:17 · 73 阅读 · 0 评论 -
jQuery5淡入淡出效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div{ width:200px; height: 200px; background-color: aqua; ...原创 2019-11-26 19:45:11 · 54 阅读 · 0 评论 -
jQuery 5滑入滑出效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div{ width:200px; height: 200px; background-color: aqua; ...原创 2019-11-26 19:42:39 · 97 阅读 · 0 评论 -
jquery 4 获取和设置文字 获取和设置样式
获取和设置文字$('#div').text(); //获取#div这个元素的文字var a=$('#div').text(); //有一个返回值 打印输出为#div这个元素的文字$('#div').text(你好,仙女); //直接将这个元素的文字改为你好,仙女,返回值为object对象...原创 2019-11-26 19:40:03 · 473 阅读 · 0 评论 -
jquery3 添加移除切换判断类
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width:100px; height: 100px; margin-to...原创 2019-11-26 19:34:27 · 57 阅读 · 0 评论 -
jquery2 选择器
基本选择器jQuery选择器:jQuery为我们提供的一种方法,让我们更方便获取页面中的元素$(’#id’)$(’.class’)$(‘div’)$(‘div,p,li’) 只要满足一个条件就好 并集选择器$(‘div.redClass’); 获取class为redClass的div元素 交集选择器 在什么里头的跟CSS的选择器用法一样区分这么多是为了如果有很多需要设置不同的效...原创 2019-11-26 19:18:52 · 124 阅读 · 0 评论 -
jquery 1:入口函数
jquery中入口函数:$(function(){ 等价于: jquery(function()) })$(document).ready({ })$(document).ready() 和JavaScript window.onload的区别:两者都是指页面加载完成后,执行函数里的内容, (document).ready()是指DOM加载完成后就可以执行,JavaSc...原创 2019-11-26 18:49:39 · 88 阅读 · 0 评论