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