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 相关文章推荐
Add a Table to a Word Document
Jun 15 Javascript
JavaScript与C# Windows应用程序交互方法
Jun 29 Javascript
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
Aug 04 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
Apr 16 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
Dec 19 Javascript
javaScript的函数对象的声明详解
Feb 06 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
Jun 08 Javascript
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
Jun 16 Javascript
深入理解jQuery layui分页控件的使用
Aug 17 Javascript
微信小程序中input标签详解及简单实例
May 18 Javascript
JavaScript设计模式之代理模式实例分析
Jan 16 Javascript
Vue this.$router.push(参数)实现页面跳转操作
Sep 09 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 ss7.5的数据调用 (笔记)
2010/03/08 PHP
Laravel中任务调度console使用方法小结
2017/05/07 PHP
理解JavaScript的caller,callee,call,apply
2009/04/28 Javascript
Extjs Gird 支持中文拼音排序实现代码
2013/04/15 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
2013/11/20 Javascript
jquery.post用法之type设置问题
2014/02/24 Javascript
基于socket.io和node.js搭建即时通信系统
2014/07/30 Javascript
纯javascript模仿微信打飞机小游戏
2015/08/20 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
2015/08/21 Javascript
jquery实现红色竖向多级向右展开的导航菜单效果
2015/08/31 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
2016/03/01 Javascript
javascript设计模式之策略模式学习笔记
2017/02/15 Javascript
简单好用的nodejs 爬虫框架分享
2017/03/26 NodeJs
vue.js父组件使用外部对象的方法示例
2017/04/25 Javascript
node.js中fs文件系统目录操作与文件信息操作
2018/02/24 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
微信小程序使用wxParse解析html的方法教程
2018/07/06 Javascript
Vue三种常用传值示例(父传子、子传父、非父子)
2018/07/24 Javascript
vue+element的表格实现批量删除功能示例代码
2018/08/17 Javascript
微信小程序开发摇一摇功能
2019/11/22 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
python发送arp欺骗攻击代码分析
2014/01/16 Python
Python实现115网盘自动下载的方法
2014/09/30 Python
python实现爬虫统计学校BBS男女比例(一)
2015/12/31 Python
解决Tensorflow使用pip安装后没有model目录的问题
2018/06/13 Python
对python中词典的values值的修改或新增KEY详解
2019/01/20 Python
Django框架教程之中间件MiddleWare浅析
2019/12/29 Python
Python使用GitPython操作Git版本库的方法
2020/02/29 Python
解决python父线程关闭后子线程不关闭问题
2020/04/25 Python
JSF如何进行表格处理及取值
2012/08/06 面试题
入党积极分子学习党的纲领思想汇报
2014/09/13 职场文书
财政局党的群众路线教育实践活动整改方案
2014/09/21 职场文书
2015年节能降耗工作总结
2015/05/22 职场文书
辩护词格式
2015/05/22 职场文书
老生常谈 使用 CSS 实现三角形的技巧(多种方法)
2021/04/13 HTML / CSS
Java实现学生管理系统(IO版)
2022/02/24 Java/Android