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 相关文章推荐
js 实现日期灵活格式化的小例子
Jul 14 Javascript
jquery 模板的应用示例
Nov 12 Javascript
Javascript基础教程之数组 array
Jan 18 Javascript
JavaScript实现Flash炫光波动特效
May 14 Javascript
APP中javascript+css3实现下拉刷新效果
Jan 27 Javascript
jQuery下拉菜单的实现代码
Nov 03 Javascript
webpack配置文件和常用配置项介绍
Apr 28 Javascript
Vue内容分发slot(全面解析)
Aug 19 Javascript
解决layui页面按钮点击无反应,也不报错的问题
Sep 29 Javascript
JavaScript动画实例之粒子文本的实现方法详解
Jul 28 Javascript
Vue 组件的挂载与父子组件的传值实例
Sep 02 Javascript
原生JS实现音乐播放器的示例代码
Feb 25 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 的 __FILE__ 常量
2007/01/15 PHP
php empty函数判断mysql表单是否为空
2010/04/12 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
php 截取GBK文档某个位置开始的n个字符方法
2017/03/08 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
PHP封装的验证码工具类定义与用法示例
2018/08/22 PHP
使用TextRange获取输入框中光标的位置的代码
2007/03/08 Javascript
JavaScript Cookie显示用户上次访问的时间和次数
2009/12/08 Javascript
Javascript将string类型转换int类型
2010/12/09 Javascript
用JSON做数据传输格式中的一些问题总结
2011/12/21 Javascript
jquery中选择块并改变属性值的方法
2013/07/31 Javascript
jquery进行数组遍历如何跳出当前的each循环
2014/06/05 Javascript
AngularJS入门教程之AngularJS表达式
2016/04/18 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
2016/06/24 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
2016/07/07 Javascript
JavaScript之生成器_动力节点Java学院整理
2017/06/30 Javascript
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
2017/09/19 Javascript
seajs下require书写约定实例分析
2018/05/16 Javascript
解决vue中修改了数据但视图无法更新的情况
2018/08/27 Javascript
用JavaScript实现贪吃蛇游戏
2020/10/23 Javascript
[01:04:05]VG vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python实现备份MySQL数据库的方法示例
2018/01/11 Python
python实现Decorator模式实例代码
2018/02/09 Python
python向已存在的excel中新增表,不覆盖原数据的实例
2018/05/02 Python
Python绘制正余弦函数图像的方法
2018/08/28 Python
python3实现带多张图片、附件的邮件发送
2019/08/10 Python
关于numpy中eye和identity的区别详解
2019/11/29 Python
详解canvas绘制网络字体几种方法
2019/08/27 HTML / CSS
美国床垫和床上用品公司:Nest Bedding
2017/06/12 全球购物
英国领先的鞋类零售商:Shoe Zone
2018/12/13 全球购物
Speedo速比涛法国官方网站:泳衣、泳镜、泳帽、泳裤
2019/07/30 全球购物
幼儿园长自我鉴定
2013/10/17 职场文书
八年级生物教学反思
2014/01/22 职场文书
校友会致辞
2015/07/30 职场文书
2016高一新生军训心得体会
2016/01/11 职场文书