![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
一些关于jQuery技术的经验
青叶的全栈之路
绝望就是比你聪明还比你努力!
展开
-
1、jQuery基础
JQuery基础相关概念JS对象和jQuery对象入口函数一、相关概念1.1、什么是JQuery? JQuery是一个快速、简洁的JavaScript框架,用于简化JavaScript的开发(Write less,Do more)。 JQuery本质就是一个JS文件,里面封装了一堆的JS方法、属性、对象,和Java中的工具类差不多。只要孰知里面的方法名及其作用,就可以将其导入项目中直接调用方法就完事了,可以大大提高JS的开发效率。1.2、JQuery版本JQuery目前主要有原创 2020-06-23 19:07:55 · 234 阅读 · 0 评论 -
2、获取节点
获取节点jQuery选择器获取节点一、jQuery选择器1.1、基本选择器标签选择器(元素选择器)语法:$(“HTML标签名”),获取所有同标签名匹配的元素对象【数组】var demo1 = $("div");//获取所有的div元素【数组】ID选择器语法:$("#id的属性值"),获取与指定ID属性匹配的元素对象var demo2 = $("#div1");//获取id=div1的元素对象类选择器语法:$(".class的属性值")原创 2020-06-23 19:09:26 · 243 阅读 · 0 评论 -
3、操作节点
操作节点DOM操作节点操作一、DOM操作1.1、内容操作text():设置或返回所选元素的文本内容(innerText)html():设置或返回所选元素的HTML内容(innerHTML)val():设置或返回表单的value值(value)1.2、属性操作通用属性操作attr():获取/设置元素的DOM属性(比如<input>的value、checked等)取值的时候如果没有该属性,则返回空字符串。removeAttr():删除属性prop(原创 2020-06-23 19:10:07 · 557 阅读 · 0 评论 -
4、动画
动画显示和隐藏元素一、显示和隐藏元素1.1、默认效果show([speed,[easing],[fun] ]):显示元素hide([speed,[easing],[fun] ]):隐藏元素toggle([speed,[easing],[fun] ]):切换(显示/隐藏)元素1.2、滑动效果slideDown([speed,[easing],[fun] ]):显示元素slideUp([speed,[easing],[fun] ]):隐藏元素slideToggle([speed,原创 2020-06-23 19:10:58 · 100 阅读 · 0 评论 -
5、事件绑定
事件绑定jQuery事件绑定一些经典案例一、jQuery的事件绑定1.1、标准绑定方式语法:jQuery对象.事件方法(回掉函数);<body> <input type="text" id="test1"></body><script> $(function () { $("#test1").change(function () {//修改内容事件 alert("输出框的内容被修改了原创 2020-06-23 19:11:44 · 168 阅读 · 0 评论