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 相关文章推荐
innerHTML,outerHTML,innerTEXT三者之间的区别
Jan 28 Javascript
表单元素的submit()方法和onsubmit事件应用概述
Feb 01 Javascript
jquery遍历checkbox的注意事项说明
Feb 21 Javascript
jquery用data方法获取某个元素上的事件
Jun 23 Javascript
jQuery+ajax实现鼠标单击修改内容的思路
Jun 29 Javascript
分享十三个最佳JavaScript数据网格库
Apr 07 Javascript
jQuery zTree树插件动态加载实例代码
May 11 jQuery
深入理解Vue-cli搭建项目后的目录结构探秘
Jul 13 Javascript
Vue单文件组件基础模板小结
Aug 10 Javascript
JavaScript实现三级级联特效
Nov 05 Javascript
vue实现将一个数组内的相同数据进行合并
Nov 07 Javascript
在nuxt中使用路由重定向的实例
Nov 06 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
一个数据采集类
2007/02/14 PHP
初步介绍PHP扩展开发经验分享
2012/09/06 PHP
php生成gif动画的方法
2015/11/05 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
jQuery选择头像并实时显示的代码
2010/06/27 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
2013/01/23 Javascript
Webpack 实现 Node.js 代码热替换
2015/10/22 Javascript
js实现上一页下一页的效果【附代码】
2016/03/10 Javascript
JS中动态创建元素的三种方法总结(推荐)
2016/10/20 Javascript
深入理解Node.js 事件循环和回调函数
2016/11/02 Javascript
vue.js指令和组件详细介绍及实例
2017/04/06 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
2017/08/31 Javascript
AngularJS中scope的绑定策略实例分析
2017/10/30 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
2018/02/26 Javascript
vue中keep-alive,include的缓存问题
2019/11/26 Javascript
js中调用微信的扫描二维码功能的实现代码
2020/04/11 Javascript
JavaScript如何判断对象有某属性
2020/07/03 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
2020/07/24 Javascript
js+canvas实现转盘效果(两个版本)
2020/09/13 Javascript
[54:54]Newbee vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python dict remove数组删除(del,pop)
2013/03/24 Python
python两种遍历字典(dict)的方法比较
2014/05/29 Python
Python中的二叉树查找算法模块使用指南
2014/07/04 Python
Python实现将SQLite中的数据直接输出为CVS的方法示例
2017/07/13 Python
Python matplotlib画图实例之绘制拥有彩条的图表
2017/12/28 Python
python调用tcpdump抓包过滤的方法
2018/07/18 Python
pytorch查看torch.Tensor和model是否在CUDA上的实例
2020/01/03 Python
Python特殊属性property原理及使用方法解析
2020/10/09 Python
pycharm使用技巧之自动调整代码格式总结
2020/11/04 Python
德国滑雪和户外用品网上商店:XSPO
2019/10/30 全球购物
土木工程专业个人求职信
2013/12/05 职场文书
学校查摆问题整改措施
2014/09/28 职场文书
学校推普周活动总结
2015/05/07 职场文书
运动会致辞稿
2015/07/29 职场文书
朋友聚会祝酒词
2015/08/10 职场文书
详解Redis复制原理
2021/06/04 Redis