![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
文章平均质量分 60
Yhuanbo
这个作者很懒,什么都没留下…
展开
-
jQuery中的动画
jQuery中的动画方法hide() 和 show() 隐藏或显示同时修改多个样式即高度、宽度、不透明度fadeIn() 和 fadeOut() 只改变不透明度slideUp() 和 slideDown() 只改变高度toggle() 用来代替hide()和show()方法,所以会同时修改多个样式即高度、宽度。不透明度slideToggle() 用来代替slideUp() 和 slideDown() 所以只能改变高度animate() 自定义动画方法,直接使用animate() 方法原创 2021-07-23 15:18:52 · 181 阅读 · 1 评论 -
jQuery中的事件
事件绑定 bind()bind() 方法向被选元素添加一个或多个事件处理程序,以及当事件发生时运行的函数$("p").bind("click",function(){ alert("这个段落被点击了。");});第一个参数表示要绑定的事件,多个事件中间用空格隔开第二个参数是需要执行的函数绑定多个事件$(".head").bind("mouseover mouseout",function(){ $(this).next().slideToggle()})$(".head"原创 2021-07-21 19:42:27 · 86 阅读 · 1 评论 -
jQuery中用each方法遍历json对象
json字符串与对象的相互转换如果声明的是一个字符串,不能直接遍历,需要先将其转换为对象才能遍历1. eval()var obj='{"name":"bill","age":"18","home":"河北"}'console.log("转化前:" + typeof(obj)) //string var obj=eval('(' + obj + ')'); //objectconsole.log("转化后:" + typeof(obj));2. JSON.parse()var obj='原创 2021-07-20 15:38:02 · 1226 阅读 · 2 评论 -
jQuery中的DOM遍历方法
一、向上遍历1. parent() 获取元素的直接父元素$("span").parent().css({ "color":"red", "border":"1px solid red"})2. parents() 获取元素的祖先元素,直到根元素html$("span").parents().css({ "color":"red", "border":"1px solid red"})3. parentsUntil() 向上查找直到遇见某个祖先元素为止 $("span").pa原创 2021-07-14 20:03:29 · 3782 阅读 · 0 评论 -
jQuery中的DOM操作
一、创建节点1. 创建空节点var $li=$("<li></li>")2. 创建带文本的节点var $li=$("<li>文本</li>")var $li=$("<li title='text'>文本</li>")二、插入节点1. append: 插入子节点至父元素末尾$("ul").append($li)2. prepend: 插入子节点至父元素开头$("ul").prepend($li)3. inse原创 2021-07-12 20:31:29 · 127 阅读 · 0 评论 -
jQuery中的选择器
基础选择器* 选择器可以选中页面中的所有元素$("*").css({"margin":0,"padding":0})id选择器可以选中页面中id为box的元素$("#box").css("border","1px solid #ccc");类选择器可以选中页面中class为hot的元素$(".hot").css("color","red")标签选择器可以选中页面中的任意标签$("a").css({"text-decoration":"none","color":"#333"})原创 2021-07-06 11:24:53 · 128 阅读 · 0 评论 -
初步认识jQuery
什么是jQueryjQuery是一个非常优秀的JavaScript库。更确切的说,jQuery是JavaScript框架,因为它定义了自己的语法。jQuery的优秀特性:(1)轻量级,压缩版jQuery只有30多K;(2)出色的跨浏览器兼容性,不必考虑firefox、IE6、IE7、IE8、Safari、Opera等不同浏览器的兼容性问题;(3)完善的Ajax应用,使Ajax变得简单;(4)DOM操作简单化;(5)丰富的插件支持,强大的易扩展性;(6)一句话:Write Less,Do原创 2021-06-30 20:19:05 · 99 阅读 · 0 评论