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 数组克隆方法 小结
Mar 20 Javascript
jquery.cookie.js 操作cookie实现记住密码功能的实现代码
Apr 27 Javascript
node.js实现逐行读取文件内容的代码
Jun 27 Javascript
微信开发 JS-SDK 6.0.2 经常遇到问题总结
Dec 08 Javascript
JS运动特效之完美运动框架实例分析
Jan 24 Javascript
利用vue.js把静态json绑定bootstrap的table方法
Aug 28 Javascript
webpack4 处理SCSS的方法示例
Sep 03 Javascript
详解在HTTPS 项目中使用百度地图 API
Apr 26 Javascript
详解如何在vue项目中使用layui框架及采坑
May 05 Javascript
微信小程序渲染性能调优小结
Jul 30 Javascript
Vue SSR 即时编译技术的实现
May 06 Javascript
谈谈JavaScript中的函数
Sep 08 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利用递归实现删除文件目录的方法
2016/09/23 PHP
JMenuTab简单使用说明
2008/03/13 Javascript
prototype Element学习笔记(篇二)
2008/10/26 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
2013/11/27 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
js实现模拟计算器退格键删除文字效果的方法
2015/05/07 Javascript
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
2015/11/18 Javascript
基于javascript bootstrap实现生日日期联动选择
2016/04/07 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
2016/12/02 Javascript
javascript事件的绑定基础实例讲解(34)
2017/02/14 Javascript
vuejs响应用户事件(如点击事件)
2017/03/14 Javascript
用javascript获取任意颜色的更亮或更暗颜色值示例代码
2017/07/21 Javascript
如何在微信小程序里面退出小程序的方法
2019/04/28 Javascript
微信小程序在text文本实现多种字体样式
2019/11/08 Javascript
Vue Router中应用中间件的方法
2020/08/06 Javascript
antd design table更改某行数据的样式操作
2020/10/31 Javascript
[50:29]2014 DOTA2华西杯精英邀请赛 5 24 DK VS iG
2014/05/26 DOTA
[50:38]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第二场 3月7日
2021/03/11 DOTA
Python列表list操作符实例分析【标准类型操作符、切片、连接字符、列表解析、重复操作等】
2017/07/24 Python
Python+OpenCV目标跟踪实现基本的运动检测
2018/07/10 Python
用于业余项目的8个优秀Python库
2018/09/21 Python
Python 装饰器@,对函数进行功能扩展操作示例【开闭原则】
2019/10/17 Python
Python post请求实现代码实例
2020/02/28 Python
快速解决Django关闭Debug模式无法加载media图片与static静态文件
2020/04/07 Python
HTML5 新表单类型示例代码
2018/03/20 HTML / CSS
经销商会议欢迎词
2014/01/11 职场文书
寄语十八大感言
2014/02/07 职场文书
新春联欢会主持词
2014/03/24 职场文书
红头文件任命书范本
2014/06/05 职场文书
民主评议党员个人总结
2015/02/13 职场文书
2015国庆节66周年演讲稿
2015/03/20 职场文书
远程教育集中轮训基层干部培训班学习心得体会
2016/01/09 职场文书
JVM入门之类加载与字节码技术(类加载与类的加载器)
2021/06/15 Java/Android
关于Spring配置文件加载方式变化引发的异常详解
2022/01/18 Java/Android
Spring Boot实现文件上传下载
2022/08/14 Java/Android
CSS中理解层叠性及权重如何分配
2022/12/24 HTML / CSS