jQuery
- 昨天讲了 jQuery 的基本选择器筛选器和属性操作
- 今天来说一些 jQuery 别的东西
元素操作
- 创建一个元素
2025年02月03日
2025年02月03日
本文作者:上海驻云Web前端工程师 著名2.5次元患者 黄志彪 (头像与真人一模一样)
以下正文
一、前言
单页面开发在如今的WEB开发中占有绝对的优势,单页面应用可以提高用户体验度,可以实现跨平台应用开发。要实现单页面开发也有很多前端框架,比如:AngularJS,BackboneJS等等,这些都是很流行很全面的前端开发框架,它提供了网页模板,路径解析,API访问及Dom操作功能,但是有时候我们的需求比较简单,如果用这些大型前端框架那就显得有点重了。这里我介绍下自己使用Jquery实现单页面应用开发的过程。
2025年02月03日
我们先看一些代码:
当然,我们也可以用bind进行事件绑定。我们看到上面的代码,我们可以在事件后面,以点号,加我们的名字,就是事件命名空间。所谓事件命名空间,就是事件类型后面以点语法附加一个别名,以便引用事件,如”click.a”,其中”a”就是click当前事件类型的别名,即事件命名空间。
2025年02月03日
2025年02月03日
有时为了节省不想手动操作网页,但又想看到用户操作时的效果,可以用到jQuery提供的trigger方法。见下图代码
在不点击按钮时仍然想弹出this.value
我们只需要在后面加上.trigger("事件名称")就可以在不点击按钮的情形下看到用户点击按钮时看到的效果。这种方法的简写方法是用.事件名称代替trigger("事件名称"),这种简写方法只适用于系统时间。
2025年02月03日
事件的基本概念
上一章我们讲解了使用jQuery选择器获取元素,并通过一些方法来操作元素,本章我们讲解事件的概念,通过事件我们可以加强用户与浏览器的交互性,例如可以实现当用户点击某个元素的时候,对元素做一些操作,或是移动鼠标,对元素做一些操作。
事件的分类
事件主要可以分为以下几类:
2025年02月03日
jQuery 的 trigger() 方法用于在指定的元素上触发事件。这个方法非常有用,当你需要模拟用户交互或在特定条件下自动触发事件时。以下是
2025年02月03日
现象:例如点击文本框,输入文字后,会发现整个网页的点击事件都无法触发,像失效了一样。
根本原因:根本原因是:input聚焦后页面被顶起,然后失焦后页面回位,但是这里只是视觉上回位了,window其实已经被顶上去一定的距离。所以当你再次点击页面时,其实已经就是错位的了,目前只发现部分ios在微信浏览器有这种问题。
解决方案:引用js即可。