jQuery
Serena_tz
write less,do better️️️
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jQuery基本概念
1 了解jQuery1.1 是什么: What?一个JS函数库: write less, do more封装简化DOM操作(CRUD) / Ajax1.2 为什么用它: why?强大选择器: 方便快速查找DOM元素隐式遍历(迭代): 一次操作多个元素读写合一: 读数据/写数据用的是一个函数链式调用: 可以通过不断调用jQuery对象的方法事件处理DOM操作(CRUD)样式操作动画浏览器兼容1.3 如何使用: How?引入jQuery库本地引入与CDN远程引入测试原创 2021-04-29 12:02:43 · 158 阅读 · 0 评论 -
jQuery使用on进行事件委托,父、子元素绑定相同事件,阻止冒泡
最近公司在做的一个移动门户需要使用jQuery,但是好久没有用jQuery进行开发,着实有点忘记jQuery的语法。jQuery中最推荐的事件绑定方式是用on事件,同时利用on事件也能完成事件委托。因为该移动门户中展示的卡片列表是通过ajax获取数据后新生成的元素,所以,要么重新绑定一次事件,要么,进行事件委托,将事件监听绑定在新生成的元素的父元素上面。我采用了第二种方法,也就是利用on方法进行事件委托,利用ul列表做了简单的测试。因为父、子元素均绑定了相同的事件,而新生成的子元素要将事件委托给父元素,原创 2021-04-06 15:54:23 · 1465 阅读 · 0 评论 -
jquery(js)实现上滑加载更多内容(分页查询)
移动端上滑加载更多步骤移动端实现滚动上滑加载更多内容分为以下几步:步骤1 禁用系统滚动条使用CSS样式禁用移动端的滚动条,代码如下所示:html,body{width:100%;overflow:hidden;}步骤2 主体内容区域充满视口需要添加滚动事件的元素必须拥有固定高度,并设置该元素y轴可以滚动,主体内容在该具有固定高度的元素中滚动。具体样式代码如下:overflow-x: hidden;overflow-y: scroll;如果该元素的高度需要撑满整个视口,则可以将高度原创 2021-03-26 20:42:43 · 1922 阅读 · 0 评论 -
jQuery实现下拉选项框
html文件:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{padding: 0px; margin: 0px;} .content{ width: 100%; height: 500px; /* background: #F27729; */ }原创 2021-03-26 20:15:36 · 596 阅读 · 0 评论
分享