JQuery基本事件函数
2024-09-30 05:58:16
1,click单击事件
2,blur失去光标事件,focus获得光标事件
3,JQuery.on()函数:为html元素绑定事件,如下代码:
$("div").on("click","p",function(){$(this).addClass("colorRed")});
点击div中的p元素,将调用function中的方法,即给当前的p段落添加类“colorRed”。该代码对不包含在div中的p元素或者任意其他非p元素无效。
4,animate()方法执行CSS属性集的自定义动画。该方法通过css样式将元素从一个状态改变为另一个状态,如下代码,将#box动画切换成高度为300px。
$("#box").animate({height:"300px"});
5,JQuery.html()方法:返回或设置被选元素的内容。注意获取或设置元素内容时,不包含自身的html标签,如下代码:
<button id="u" class="btn1">改变 p 元素的内容</button> alert($("#u").html()); $("p").html("Hello <b>world!</b>");
获取button的内容,弹出的内容为“改变 p 元素的内容”,而不是<button>...<button>,同理在设置元素内容时,也不改变内容原有的类或者属性,只是改变其中的内容。
(在项目中,因为疏忽了这一点,导致少嵌套了一层元素,比如说以上代码,加入说本意是想获得<button>标签的,但是没有得到,导致显示效果与设计给的切图不一致,浪费了很多时间,应该是获得button的parent的html,才能够得到<button>标签。
最新文章
- IOS开发的基础知识
- H5摇一摇遇到的问题
- 【腾讯Bugly干货分享】React移动web极致优化
- 搭建vpn
- poj1068解题报告(模拟类)
- window和Linux下的软链接
- 文成小盆友python-num15 - JavaScript基础
- Validform表单验证的完美解决方案,推荐给大家
- Python笔记3-20151027
- 设置ulabel的行间距
- [爬虫]scrapy框架
- jq切换面板
- 953.Verifying an Alien Dictionary(Map)
- org.springframework.web.servlet.mvc.multiaction.NoSuchRequestHandlingMethodException
- MVC应用程序请求密码的功能(一)
- 开源软件License汇总
- 2018.08.10 atcoder No Need(线性dp)
- Codeforces 1097 Alex and a TV Show
- CCF认证201712-1最小差值
- node vue 开发环境部署时,外部访问页面出现: Invalid Host header 服务器域名访问出现的问题
热门文章
- Technocup 2017 - Elimination Round 1 (Unofficially Open for Everyone, Rated for Div. 2) A
- 2017 Multi-University Training Contest - Team 1 KazaQ&#39;s Socks
- 16	Groovy 和并发
- 090 Subsets II 子集 II
- jupyter notebook dead kernel问题解决
- hihocoder1831 80 Days
- poj2135 最小费用流
- 关于h5中背景音乐的自动播放
- (转)ASIC设计中各个阶段需要注意的问题&mdash;&mdash;节选
- 安装MySQLdb出现HAVE_WCSCOLL重定义问题的解决方法