![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
想要一只肥宅快乐兽
这个作者很懒,什么都没留下…
展开
-
jQuery 插件(七)
标签(空格分隔): 前端学习 释放$的控制权 var c = $.noConflict() //释放$的控制权,并把$的能力给了c 扩展jQuery插件 $.fn.extend(object)原创 2021-05-31 08:36:27 · 60 阅读 · 0 评论 -
jQuery 事件(六)
标签(空格分隔): 前端学习 简单事件注册 $(selector).click(handler) //单击事件 $(selector).mouseenter(handler) //鼠标进入事件 $(selector).mouseleave(handler) 可以注册多个事件原创 2021-05-31 08:35:48 · 84 阅读 · 0 评论 -
jQuery 动画(五)
标签(空格分隔): 前端学习 元素的显示与隐藏 方法 用法 描述 show $('#d1').show(2000,function) 元素d1事先设置了display:none,可以设置参数代表元素显示动画花费的时间,还可以传递一个函数表示动画执行完后要进行的操作 hide $('#d1').hide(2000,function) 与show类似,只不过是控制元素隐藏 taggle $('#d1').toggle(2000,function) 与之前的toggleClass类似,控原创 2021-05-31 08:35:11 · 70 阅读 · 0 评论 -
jQuery 设置和获取属性(四)
标签(空格分隔): 前端学习 设置和获取属性 $('li').attr('name')//获取li元素的name属性 $('li').attr('name','tom')//修改li元素的name属性值为tom $('li').attr({ 'name': 'tom', 'age': '18' })//设置多个属性 $('li').removeAttr('name')//删除name属性 设置表单元素的属性 可以使用prop()方法针对checked、selected、disa原创 2021-05-31 08:33:40 · 164 阅读 · 0 评论 -
jQuery 操作DOM(三)
标签(空格分隔): 前端学习 创建节点 $('a').html('<h1>helloworld</h1>') 操作节点 操作方法 用法 描述 append $('#d1').append(h1)[h1是创建的节点] 在id为d1的元素中后插入节点 appendTo h1.appendTo('#d1') 将创建的 h1节点插入d1元素 prepend $('#d1').prepend('<h1>helloworld2</h1>') 在原创 2021-05-31 08:28:34 · 78 阅读 · 0 评论 -
jQuery 修改样式(二)
标签(空格分隔): 前端学习 样式设置: //两个参数,设置单个属性 $('li').css('color','red') //传入对象,设置单个属性 $('li').css({'color':'red'}) //设置多个样式(样式中不可出现-,例如font-size不可单独出现,必须要加引号或驼峰式命名) $('li').css({ 'color': 'green', 'font-size': '20px' }) 类名设置: 方法 用法 描述 addClass $(原创 2021-05-31 08:27:41 · 85 阅读 · 0 评论 -
jQuery 入口函数(一)
标签(空格分隔): 前端学习 使用jQuery的三个步骤 引入jQuery文件 入口函数 功能实现 jQuery入口函数与js入口函数对比 js的入口函数(window.onload)要等到页面中所有资源(包括图片、文件)加载完成后才开始执行 jQuery的入口函数($(function()))只会等待文档树加载完成就开始执行,并不会等待图片、文件加载(但是如果要在其中新增节点,在js代码中是访问不到的,只能在其中为其添加事件) jQuery对象和dom对象 DOM对象:使用JS中的方法获取页面原创 2021-05-31 08:26:19 · 94 阅读 · 0 评论