jQuery
文章平均质量分 52
jQuery
抹茶味的西瓜汁
这个作者很懒,什么都没留下…
展开
-
jQuery(尚硅谷)笔记--------11
事件的冒泡 什么是事件的冒泡? 事件的冒泡是指,父子元素同时监听同一个事件。当触发子元素的时间的时候,同一个事件也传递到了父元素的事件里去响应。 我们建一个html页面: css: body: 页面效果: 事件的冒泡: 运行结果: 点击子元素span 自动触发父元素的click方法。 那么如何阻止事件冒泡呢? 在子元素事件函数内,return false;可以阻止事件的冒泡传递。 javaScript事件对象 事件对象,是封装有触发的事件...原创 2021-09-10 19:41:51 · 96 阅读 · 0 评论 -
jQuery(尚硅谷)笔记----------10
练习:品牌展示 未加jQ的代码: 页面效果: 现在页面是全部信息都显示出来了,但是这样的话显示全部品牌就没有用处了,所以我们要做一步隐藏,把卡西欧以后的数据都隐藏掉。 但是这个时候其它品牌相机就没了,我们要把它显示出来。 这样基本的初始状态我们就做出来了。 我们现在要给显示全部品牌的按钮绑定单击事件: 这样我们就可以点击这个按钮了,接下来我们要写它的功能 ...原创 2021-09-09 21:14:58 · 166 阅读 · 0 评论 -
jQuery(尚硅谷)笔记-------09
jQuery练习:动态添加和删除行记录: 前端页面body部分: 页面效果: 引入css样式: css文件: 我们先来做添加功能: 思路:当我们按钮后,增加一个行标签 我们这时是把固定的数据加入到行标签中,运行一下: 现在是显示了3条数据,当我们什么都不输入的时候点击submit按钮, 我们发现我们现在又新添加了一条数据(Jerry),但是这样我们只能添加固定的数据。 我们下一步构思就是要获取到前台页面输入的用户名和email,薪资...原创 2021-09-08 15:34:27 · 123 阅读 · 0 评论 -
jQuery(尚硅谷)笔记------08
jQuery练习 全选,全不选,反选 我们先来做一个前端页面: 页面: 点击反选按钮之后: 如果反选前为都未选中状态: 点击反选后: 点击提交后: 第一次点击全选/全不选时: 再点击一次时: 但是此时我们并未完成该功能 因为这个时候只是点击全选/全不选与球类框实现了同步,但是点击球类并不能让全选/全不选也实现同步。 当我们把足球勾选去掉时: 仍然显示全选状态。所...原创 2021-09-05 17:12:10 · 151 阅读 · 0 评论 -
jQuery(尚硅谷)笔记------07
jQuery元素筛选: has()方法: 运行结果: children()方法: 总结: next()方法: nextUntil()方法: 运行结果: parent()方法: prevUntil()方法: 运行结果: siblings()方法: 运行结果: add()方法: 运行结果: 总结: 元素筛选代码案例:...原创 2021-09-04 16:56:27 · 67 阅读 · 0 评论 -
jQuery(尚硅谷)笔记------06
内容过滤选择器: 案例: 属性过滤器: 例: 运行结果: 案例: 运行结果: 表单过滤器: 表单对象属性过滤: 案例: 运行结果: ...原创 2021-09-02 17:10:43 · 66 阅读 · 0 评论 -
jQuery(尚硅谷)笔记------05
层级选择器: 运行结果: 点哪哪绿 按钮2,3,4,为同级选择 以第二个按钮为例; 基本过滤选择器: 代码例: 和之前的差不多; 运行结果: 以最后一个按钮为例: ...原创 2021-08-19 23:31:10 · 76 阅读 · 0 评论 -
jQuery(尚硅谷)笔记------04
5.jQuery选择器(重点) 5.1 基本选择器(重点) 实例: 运行结果: 点谁谁绿,比如id为one的元素:原创 2021-08-18 22:59:56 · 73 阅读 · 0 评论 -
jQuery(尚硅谷)笔记----------03
4.jQuery对象和dom对象区分 4.1什么是jQuery对象,什么是dom对象 Dom对象 1.通过getElementById()查询出来的标签对象是Dom对象 2.通过getElementByName()查询出来的标签对象是Dom对象 3.通过getElementByTagName()查询出来的标签对象是Dom对象 4.通过createElement()方法创建的对象,是Dom对象 DOM对象Alert出来的效果是:【object HTML标签名 Element】 jQuery原创 2021-08-18 17:51:45 · 94 阅读 · 0 评论 -
jQuery(尚硅谷)笔记--------02
3.jQuery核心函数 $是jQuery的核心函数,能完成jQuery的很多功能。$()就是调用$这个函数 1.传入参数为[函数]时,表示页面加载完成之后。相当于window.onload=function(){} 例: 运行结果: 2.传入[HTML字符串]时,会对我们创建这个html标签对象 例: 我们在body中写如下: 运行结果: 现在我们让jQuery代替body 运行结果: 3.传入的参数是[选择器字符串]时:$("#id属性值"...原创 2021-08-18 00:03:55 · 102 阅读 · 3 评论 -
jquery(尚硅谷)笔记-----01
2.jQuery的初体验 我们不用jQuery来做一个单击事件的效果: 运行结果: 我们在使用jQuery的时候要引入jQuery类库 我们验证一下我们的jquery有没有引入成功: 运行结果: 已经打印出函数说明我们已经成功导入jQuery类库。 先看一下jQ的固定书写语法格式: 运行结果: 通过这个结果更好体会jQ的作用。 但是我们刚才的获取id对象的写法是js的写法,那jq的写法又是什么呢? 运行结果: ...原创 2021-08-16 23:50:24 · 116 阅读 · 0 评论