P2-25js-jquery对象下的方法, jquery绑定事件的方法

news/2024/7/10 23:31:21 标签: jquery

jquery_1">jquery

jQuery对象下的方法

  • addClass() 追加类名,不会抹掉原有,而是追加在后面
  • removeClass()删除类名,如果有则会删除,如果没有不会进行任何操作
  • toggleClass()追加/删除类名,自动
  • hasClass() 检测是否含有传入类名,返回布尔值
    +++++++++++++++++++++++++++++
  • html() 设置/获取元素的开始标签与结束标签之间的内容
  • val() 设置/获取元素的value属性的属性值
  • attr() 设置/获取元素的行内属性
    +++++++++++++++++++++++++++++
    操控元素行内属性display
  • show()显示
  • hide()隐藏
  • toggle()显示/隐藏
    +++++++++++++++++++++++++++++
    动态操作元素opacity行内属性
  • fadeIn(速率(“fast” | “slow” | Number毫秒数),回调)淡入
  • fadeOut()淡出
  • fadeToggle()淡出/淡入
    +++++++++++++++++++++++++++++
    动态操控元素行内属性{padding;height}
  • slideDown()下拉
  • slideUp()收起
  • slideToggle()下拉/收起
    +++++++++++++++++++++++++++++
  • css({}) css(“css属性名”) 设置/获取元素的行内样式
  • animate({},执行时间,回调) 设置/获取元素的行内样式并执行动画
    +++++++++++++++++++++++++++++
  • closest(“css选择器”) 从调用方法的元素为起始位置,逐层向上寻找祖先级元素,直到找到第一个与css选择器相匹配的祖先级元素为止,并将其返回。
  • find(“css选择器”) 从调用方法的元素为起始位置,寻找与css选择器相匹配的所有的子孙级元素.
    +++++++++++++++++++++++++++++
  • clone(true/false) 克隆元素,可以连同事件一块儿克隆
  • append()插入到元素 ul.append(“li”)
  • appendTo()插入到元素开始标签后面
  • prepend()插入到元素开始标签后面
  • prependTo()插入到元素开始标签后面
  • after()插入到元素后面当作下一个兄弟节点
  • before()插入到元素前面当作上一个兄弟节点
    +++++++++++++++++++++++++++++
  • width() 获取宽高
    • $(".div1").width()
  • innerWidth() 获取宽高+内填充
    • $(".div1").innerWidth()
  • outerWidth() 获取宽高+内填充+外边框
    • $(".div1").outerWidth()
  • 获取页面宽高
    • $(document).width()
    • $(document).height()
  • each(function(index,node){}) 用于枚举jQuery对象

jquery_51">jquery绑定事件的方法

jQuery对象.去on的事件名(function(){
		// 事件处理函数
		// this 原生JS对象
		this
	})

案例


http://www.niftyadmin.cn/n/1162237.html

相关文章

GitHub开源项目学习 电商系统Mall (三) SpringBoot+MyBatis搭建基本骨架

mysql数据库环境搭建 下载并安装mysql5.7版本设置数据库账号密码创建数据库mall导入Mall数据库脚本 https://github.com/macrozheng/mall-learning/blob/master/document/sql/mall.sql项目使用框架介绍 SpringBoot SpringBoot可以让你快速构建基于Spring的Web应用程序&#…

P2-26js-jquery版的ajax请求和JSONP请求

jquery版的ajax请求和JSONP请求 jquery版的ajax请求 //原生ajax let http new XMLHttpRequest(); http.open(get,"http://10.35.161.142/dataOrigin.php?name王大伟"); http.send() http.onreadystatechange function(){if(http.readyState 4){console.log(htt…

GitHub开源项目学习 电商系统Mall (四) mall整合SpringSecurity和JWT实现认证和授权(一)

mall整合SpringSecurity和JWT实现认证和授权(一) https://github.com/macrozheng/mall 跳过了官方Learning中较简单的Swagger-UI的实现和整合Redis实现缓存功能的部分,通过整合SpringSecurity和JWT实现后台用户的登录和授权功能,同时改造Swagger-UI的配…

P2-27node.js-fs,express,mysql,跨域

node.js(分为内置模块和第三方模块) node是什么:是将chrome浏览器中的负责解析js部分的V8引擎剥离出来,做成了一个软件,以做到让我们写的JS代码脱离浏览器可以执行。这个执行环境中只有ECMAscript部分,没有DOM和BOM。node如何使用…

GitHub开源项目学习 电商系统Mall (五) mall整合SpringSecurity和JWT实现认证和授权(二)

mall整合SpringSecurity和JWT实现认证和授权(二) https://github.com/macrozheng/mall 登录注册功能实现 UmsAdminController类 实现了后台用户登录、注册及获取权限的接口 /*** 后台用户管理*/ Controller Api(tags "UmsAdminController", description "后…

P2-28学生信息管理,前后端联动

学生信息管理&#xff0c;前后端联动 使用到 node.js&#xff0c;bootstrap.min…css&#xff0c;jquery.min.js&#xff0c; student0114.html(主页面&#xff0c;数据在数据库中&#xff09; <!DOCTYPE html> <html lang"en"><head><meta …

尽在双十一 思维导图 学习笔记

尽在双十一学习笔记,截图不太清晰长宽比也有形变&#xff0c;可以查看GitHub的源文件(MindMaster打开) https://github.com/panjianlong13/MindSplitBook

p3-1-1前端开发历史

前端开发历史 1994年可以看做前端历史的起点&#xff08;但是没有前端的叫法&#xff09; 1995年网景推出了JavaScript 1996年微软推出了iframe标签&#xff0c; 实现了异步的局部加载 1999年W3C发布第四代HTML标准&#xff0c;微软推出用于异步数据传输的 ActiveX(ActiveXObj…