jQuery基础_入门必看知识点


Posted in Javascript onJuly 04, 2016

jQuery事件的因果关系是怎么样的一个格式:

$("button").click(function(){ })

【正式接触jQuery】

(1)jQuery的书写步骤:
1.引入jQuery文件;
2.新建一对script标签来书写jQuery;
3.用jQuery的方式进行代码分离;
4.按照jQuery用谁就选谁的原则去书写代码;

【jQuery的css修改】

alert()弹出一个警示框;弹出的信息可以写在小括号里面作为参数;
css()

1.单属性获取,格式css(“要获取的css属性名称”)

2.单属性修改,格式css(“参数1”,“参数2”)

参数1:表示要修改的css属性名称;
参数2:表示要修改的值;

3.多属性修改,格式css({属性名:“值”,属性名:“值”,。。。})
注意:关于css复合属性的修改;遇到复合属性需要按照驼峰式命名法去书写css属性;

【基础选择器】

>表示选中指定的元素唯一的一级子代元素;
+表示选中指定元素其后紧邻的唯一一个元素
~表示选中指定元素后面所有的元素;

在jQuery中所有的过滤选择器都有一个特点,都以冒号开头;

【过滤选择器】

:not()在指定的元素中排除某一个元素或某一类元素
:eq()按照指定的索引值进行过滤,(注意程序中的索引值是从0开始的)
:gt()过滤大于指定索引值的所有元素;
:lt()过滤小于指定索引值的所有元素;
(注意;无论是大于还是小于,都是不包含自己本身的;)

【筛选选择器】

筛选选择器中有3个巨头选择器,父子兄;
特点:所有的筛选选择器都是一个函数的形势,所以它不会写在选择符号的内部;
父:parent()选中当前元素的父级元素;
子:children()选中当前元素的子集元素;,小括号内可以再次传递参数进行更精细的筛选;
兄:sibling()选中当前元素所有的同级兄弟元素;(不包含自己)

$(this)注意在事件当中使用

jQuery当中的动画和事件是遵循一个叫做排队机制的原理,也就是说如果一次触发执行了很多动画那 么后面的动画不会自动替换前面的而会一直排队等待执行;

解决方法:在执行动画之前用stop()函数来清空排队;

【控制html属性】

attr(“标签属性名称”,“所对应的值”)

以上这篇jQuery基础_入门必看知识点就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript类继承机制的原理分析
Sep 12 Javascript
Jquery Ajax.ashx 高效分页实现代码
Oct 20 Javascript
如何使用Javascript正则表达式来格式化XML内容
Jul 04 Javascript
js转化毫秒为时间格式代码
Apr 10 Javascript
js实现网页随机切换背景图片的方法
Nov 01 Javascript
JavaScript实现动画打开半透明提示层的方法
Apr 21 Javascript
jQuery实现简单的点赞效果
May 29 Javascript
JS拖拽组件学习使用
Jan 19 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
Jun 24 Javascript
JS 数组随机洗牌的实例代码
Sep 12 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
Feb 10 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
Nov 05 Javascript
把普通对象转换成json格式的对象的简单实例
Jul 04 #Javascript
JS实现n秒后自动跳转的两种方法
Nov 30 #Javascript
js输出数据精确到小数点后n位代码
Jul 02 #Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 #Javascript
JavaScript Ajax编程 应用篇
Jul 02 #Javascript
js跨域资源共享 基础篇
Jul 02 #Javascript
JavaScript数据存储 Cookie篇
Jul 02 #Javascript
You might like
PHP的开发框架的现状和展望
2007/03/16 PHP
php无限分类且支持输出树状图的详细介绍
2013/06/19 PHP
php生成rss类用法实例
2015/04/14 PHP
使用户点击后退按钮使效三行代码
2007/07/07 Javascript
JavaScript 图像动画的小demo
2012/05/23 Javascript
禁用页面部分JavaScript方法的具体实现
2013/07/31 Javascript
javascript自定义startWith()和endWith()的两种方法
2013/11/11 Javascript
jQuery判断元素是否存在的可靠方法
2014/05/06 Javascript
javascript中的正则表达式使用指南
2015/03/01 Javascript
JS使用eval解析JSON的注意事项分析
2015/11/14 Javascript
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
深入理解Angular4中的依赖注入
2017/06/07 Javascript
JS实现字符串去重及数组去重的方法示例
2018/04/21 Javascript
微信小程序实现美团菜单
2018/06/06 Javascript
vue better scroll 无法滚动的解决方法
2018/06/07 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
2018/11/26 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
2019/01/15 Javascript
koa router 多文件引入的方法示例
2019/05/22 Javascript
[01:13]2014DOTA2西雅图邀请赛 舌尖上的TI4
2014/07/08 DOTA
python滑块验证码的破解实现
2019/11/10 Python
Pytorch实现的手写数字mnist识别功能完整示例
2019/12/13 Python
详解python 降级到3.6终极解决方案
2020/02/06 Python
Python drop方法删除列之inplace参数实例
2020/06/27 Python
美国眼镜网站:EyeBuyDirect
2017/04/13 全球购物
阿波罗盒子:Apollo Box
2017/08/14 全球购物
英国电器零售商:PRC Direct
2018/06/21 全球购物
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
大学生通用个人的自我评价
2014/02/10 职场文书
财务人员的自我评价范文
2014/03/03 职场文书
技术总监管理职责范本
2014/03/06 职场文书
合作意向协议书范本
2014/03/31 职场文书
课程设计的心得体会
2014/09/03 职场文书
小程序教您怎样你零成本推广获取数万用户的方法
2019/07/30 职场文书
Axios取消重复请求的方法实例详解
2021/06/15 Javascript
python index() 与 rindex() 方法的使用示例详解
2022/12/24 Python