jQuery
文章平均质量分 90
wendZzz
若有需要请联系微信号:coolbigflower
微信公众号:前端一起学
展开
-
jQuery-方法
jQuery提供了许多直接使用的方法。 1、addClass()方法 通过动态改变类名(class),可以让其修改元素呈现出不同的效果。在HTML结构中里,多个class以空格分隔,当一个节点(或称为一个标签)含有多个class时,DOM元素响应的className属性获取的不是class名称的数组,而是一个含有空格的字符串,这就使得多class操作变得很麻烦。而jQuery中.addClas...原创 2018-09-06 08:58:33 · 182 阅读 · 0 评论 -
jQuery-选择器
1、id选择器 一个用来查找的ID,即元素的id属性 $( "#id" ) id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。 <input id="demo" type="button" value="按钮" /> <script> $(function...原创 2018-09-05 11:42:25 · 338 阅读 · 0 评论 -
纯CSS、原生JS、jQuery实现下拉菜单功能
一、纯CSS实现 实现下拉菜单需要用display,即改变display的block或none值。 先构建基本的HTML框架, <div id="nav"> <ul> <li><a href="#">新闻</a></li> <li><a href="#">...原创 2018-09-13 15:21:46 · 3640 阅读 · 0 评论 -
jQuery-DOM操作
原生JS进行DOM创建节点及节点属性 事先不确定HTML结构,需要JS动态的处理节点。 这就包括了创建节点属性和创建节点样式两部分内容, 其中,创建的大致流程为: 创建节点 添加节点的一些属性 加入到文档中 这个流程中涉及到的方法: 创建元素document.createElement, 设置属性setAttribute, 添加文本innerHTML, 加入文档appendChil...原创 2018-10-31 13:30:39 · 362 阅读 · 0 评论 -
事件委托和事件对象
上一篇文章写的事件冒泡中的冒泡优点,涉及到了事件委托和事件对象(事件源),感觉一笔带过没有深入好好的了解,这不是一个好的学习态度呀,惭愧惭愧。 基本的概念就不再赘述了,贴心弄个传送门,不清楚了去看一看吧 ==》。那现在直接上栗子吧,上篇是原生JS,这次有用jQuery也有用到JS测试,需求是点击每一个列表项时都可以有相应的弹框出现。 <ul> <li>这是个...原创 2018-11-02 17:27:13 · 770 阅读 · 0 评论 -
jQuery-事件
在交互操作中,最简单直接的操作就是点击操作. 点击事件 click方法,用于监听用户单击操作 dbclick方法,用于监听用户双击操作 两种点击事件相似,就来以click方法为例 方法一:$ele.click() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件 $("ele").click(function(){ alert("触发指定事件"); }) $("#te...原创 2018-11-05 14:15:08 · 155 阅读 · 0 评论 -
jQuery-动画
直接隐藏/显示效果 hide()方法 如果想让一个页面中的元素不可见,可以修改css中display的值为none,但这样的修改只是改变了静态布局。 如果想在代码执行时有这样的效果,一般是用JS控制元素的style属性,jQuery中提供hide()方法来实现这样的效果。 $("element").hide(options) 其中这个option参数,可以有也可以没有,但有的时候,这个方...原创 2018-11-05 16:57:13 · 147 阅读 · 0 评论