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 相关文章推荐
jquery 学习之二 属性(html()与html(val))
Nov 25 Javascript
使用CSS和jQuery模拟select并附提交后取得数据的代码
Oct 18 Javascript
解析JavaScript中点号“.”的多义性
Dec 02 Javascript
如何实现修改密码时密码框显示保存到cookie的密码
Dec 10 Javascript
jquery JSON的解析方式示例介绍
Jul 27 Javascript
基于jquery实现简单的手风琴特效
Nov 24 Javascript
javascript中arguments,callee,caller详解
Mar 16 Javascript
bootstrap table 数据表格行内修改的实现代码
Feb 13 Javascript
Bootstrap表格制作代码
Mar 17 Javascript
vue2.0父子组件间传递数据的方法
Aug 16 Javascript
vue 项目接口管理的实现
Jan 17 Javascript
js实现鼠标拖曳效果
Dec 30 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
laravel安装和配置教程
2014/10/29 PHP
Zend Framework教程之模型Model基本规则和使用方法
2016/03/04 PHP
PHP+Ajax实现验证码的实时验证
2016/07/20 PHP
一个非常实用的php文件上传类
2017/07/04 PHP
PHP的mysqli_rollback()函数讲解
2019/01/23 PHP
Yii框架自定义数据库操作组件示例
2019/11/11 PHP
另类调用flash无须激活的方法
2006/12/27 Javascript
用js实现的一个Flash滚动轮换显示图片代码生成器
2007/03/14 Javascript
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
2010/01/22 Javascript
js两种拼接字符串的简单方法(必看)
2016/09/02 Javascript
最好用的Bootstrap fileinput.js文件上传组件
2016/12/12 Javascript
基于jQuery.i18n实现web前端的国际化
2018/05/04 jQuery
分享一个vue项目“脚手架”项目的实现步骤
2019/05/26 Javascript
JS利用prototype给类添加方法操作详解
2019/06/21 Javascript
layui 富文本编辑器和textarea值的相互传递方法
2019/09/18 Javascript
Vue+Node实现商品列表的分页、排序、筛选,添加购物车功能详解
2019/12/07 Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
2020/01/16 Javascript
jdk1.8+vue elementui实现多级菜单功能
2020/09/24 Javascript
Python在图片中添加文字的两种方法
2017/04/29 Python
Python中的__slots__示例详解
2017/07/06 Python
Python多重继承的方法解析执行顺序实例分析
2018/05/26 Python
python 将json数据提取转化为txt的方法
2018/10/26 Python
opencv 查找连通区域 最大面积实例
2020/06/04 Python
HTML5探秘:用requestAnimationFrame优化Web动画
2018/06/03 HTML / CSS
罗技美国官网:Logitech美国
2020/01/22 全球购物
线程的基本概念、线程的基本状态以及状态之间的关系
2012/10/26 面试题
介绍一下JNDI的基本概念
2013/07/26 面试题
我们没有写servlet的构造方法,那么容器是怎么创建servlet的实例呢
2013/04/24 面试题
电子技术专业中专生的自我评价
2013/12/17 职场文书
全神贯注教学反思
2014/02/03 职场文书
40岁生日感言
2014/02/15 职场文书
离婚财产处理协议书
2014/09/30 职场文书
基层干部个人对照检查及整改措施
2014/10/28 职场文书
看上去很美观后感
2015/06/10 职场文书
2016年教师学习教师法心得体会
2016/01/20 职场文书
检举信的写法
2019/04/10 职场文书