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 动态生成方法的例子
Jul 22 Javascript
JavaScript动态调整TextArea高度的代码
Dec 28 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
Jan 09 Javascript
JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
Jul 08 Javascript
关于extjs4如何获取grid修改后的数据的问题
Aug 07 Javascript
Javascript实现真实字符串剩余字数提示的实例代码
Oct 22 Javascript
js中for in的用法示例解析
Dec 25 Javascript
js控制容器隐藏出现防止样式变化的两种方法
Apr 25 Javascript
jQuery实现带动画效果的多级下拉菜单代码
Sep 08 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
Aug 05 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
Sep 20 Javascript
使用JavaScript实现贪吃蛇游戏
Sep 29 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
PHP3 safe_mode 失效漏洞
2006/10/09 PHP
PHP 常见郁闷问题答解
2006/11/25 PHP
php下载远程文件类(支持断点续传)
2008/11/14 PHP
Yii实现多数据库主从读写分离的方法
2014/12/29 PHP
PHP实现加密的几种方式介绍
2015/02/22 PHP
php上传大文件失败的原因及应对策略
2015/10/20 PHP
Laravel Validator自定义错误返回提示消息并在前端展示
2019/05/09 PHP
PHP7 安装event扩展的实现方法
2019/10/08 PHP
laravel框架使用阿里云短信发送消息操作示例
2020/02/15 PHP
Javascript的一种模块模式
2010/09/08 Javascript
jquery的extend和fn.extend的使用说明
2011/01/09 Javascript
jquery插件推荐 jquery.cookie
2014/11/09 Javascript
jquery实现submit提交表单
2015/02/03 Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
2015/03/05 Javascript
简介JavaScript中Boolean.toSource()方法的使用
2015/06/05 Javascript
js输出数据精确到小数点后n位代码
2016/07/02 Javascript
jQuery组件easyui基本布局实现代码
2016/08/25 Javascript
Jquery删除css属性的简单方法
2016/12/04 Javascript
JavaScript实现经典排序算法之冒泡排序
2016/12/28 Javascript
Vue实现百度下拉提示搜索功能
2017/06/21 Javascript
Node.js assert断言原理与用法分析
2019/01/04 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
2019/01/31 Javascript
浅谈vue3中effect与computed的亲密关系
2019/10/10 Javascript
JavaScript链式调用原理与实现方法详解
2020/05/16 Javascript
python中使用sys模板和logging模块获取行号和函数名的方法
2014/04/15 Python
python通过openpyxl生成Excel文件的方法
2015/05/12 Python
linux下python使用sendmail发送邮件
2018/05/22 Python
在python中利用KNN实现对iris进行分类的方法
2018/12/11 Python
Expedia法国:全球最大在线旅游公司
2018/09/30 全球购物
YII2 全局异常处理深入讲解
2021/03/24 PHP
优秀毕业生推荐信
2013/11/02 职场文书
竞争上岗演讲稿
2014/01/05 职场文书
活动宣传策划方案
2014/05/23 职场文书
软件研发工程师岗位职责
2014/09/30 职场文书
2015仓库保管员年终工作总结
2015/05/13 职场文书
Python函数式编程中itertools模块详解
2021/09/15 Python