简单总结jquery的一些方法
时间:2019-02-19
本文章向大家介绍简单总结jquery的一些方法,主要包括简单总结jquery的一些方法使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
<script>
/*
*jq转换js : jq对象.get[索引]
* 获取到的li元素中,选择索引号为2的元素,索引号index从0开始。 .eq(index)
* 获取索引的方法: .index()
*筛选选择器(方法):
* .children() find() next() prev() siblings()
* addClass();--->添加类
hasClass();--->判断类
removeClass();--->移除类
toggleClass();--->切换类
CSS操作:$().css('','');--->设置单个样式
$('li').css({
'fontSize':'24px',
'fontWeight':'700'
}); --->设置多个样式
prop方法是在有true和false这2个属性的时候采用( checkbox radio select),其它啊 时候就用attr()
淡入淡出: .fadeIn([speed],[callback]) .fadeOut() .fadeToggle()
显示隐藏: .show() .hide() .toggle()
滑入滑出: .slideDown() .slideUp() .slideToggle()
自定义动画: .animate(style,speed,[动画的执行效果],[callback])
1.必选,传需要动画的样式,传对象
2.持续时间
3.动画的执行效果 swing:荡秋千 linear:匀速
4.回调函数
动态创建节点:
* append() 添加到父节点里面的末尾
* appendTo() 把子节点添加到父节点的末尾
* 在父节点里面添加一个子节点到最前面 prepend()
把子节点添加到父节点里面的前面 prependTo()
*
* empty() 清空 不会删除自己
remove() 删除 会删除自己和后代元素
clone() 克隆
play() 播放 load() 加载 text("")/html("") 设置内容 text()/html() 获取内容
带参数表示设置高度
.height(200);
不带参数获取高度
.height();
获取的是height+padding
.innerheight();
获取的是height+padding+border
.outerheight();
获取的是height+padding+border+margin
.outerheight(true);
*
*
* */
</script>
- 《JavaScript语言精粹》—— 读书总结
- 视差滚动技术的简介及运用
- 【面试虐菜】—— JAVA面试题(3)
- Carousel 旋转画廊特效的疑难杂症
- 区块链为IBM与Visa等老牌公司注入新的生机
- 【java.lang.UnsupportedClassVersionError】版本不一致出错
- Yeoman 官网教学案例:使用 Yeoman 构建 WebApp
- JSP与JavaBeans
- Log4j官方文档翻译(四、如何在java中输出日志消息)
- 展望未来:使用 PostCSS 和 cssnext 书写 CSS
- Java多线程之Runable与Thread
- 关于 devbridge-autocomplete 插件多选操作的实现方法
- node-sass 安装失败的解决措施
- JavaMelody监控SQL
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 解决InnoDB: Table mysql/innodb_index_stats has length mismatch
- R语言中对文本数据进行主题模型topic modeling分析
- QT学习第3天:QSlider使用方法
- qt学习第2天:QRadioButtonTest+ButtonGroup单选后提示消息,QComBox
- Python使用矩阵分解法找到类似的音乐
- SpringBoot集成ELK实现日志收集实践
- python在Scikit-learn中用决策树和随机森林预测NBA获胜者
- R语言:用R语言填补缺失的数据
- R语言如何和何时使用glmnet岭回归
- r语言中对LASSO回归,Ridge岭回归和Elastic Net模型实现
- cmd里如何查看历史命令并执行
- akka-typed(10) - event-sourcing, CQRS实战
- 【每日一题】37. Sudoku Solver
- A quick introduction to innodb_ruby (2.对innodb_ruby的简单介绍)
- Webkit 内核初探