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 相关文章推荐
xml和web特殊字符
Apr 28 Javascript
我的javascript 函数链之演变
Apr 07 Javascript
有效提高JavaScript执行效率的几点知识
Jan 31 Javascript
学习JavaScript编程语言的8张思维导图分享
Mar 27 Javascript
javascript中apply/call和bind的使用
Feb 15 Javascript
浅谈PDF.js使用心得
Jun 07 Javascript
解决vue项目打包后提示图片文件路径错误的问题
Jul 04 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
Aug 12 Javascript
React router动态加载组件之适配器模式的应用详解
Sep 12 Javascript
vue移动端城市三级联动组件使用详解
Jul 26 Javascript
js中addEventListener()与removeEventListener()用法案例分析
Mar 02 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
Feb 04 jQuery
把普通对象转换成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设计模式之观察者模式的应用详解
2013/05/21 PHP
ThinkPHP模版引擎之变量输出详解
2014/12/05 PHP
thinkphp跨库操作的简单代码实例
2016/09/22 PHP
PHP7 其他语言层面的修改
2021/03/09 PHP
newxtree.js代码
2007/03/13 Javascript
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
javascript js cookie的存储,获取和删除
2007/12/29 Javascript
《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型
2012/02/27 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
2013/12/12 Javascript
jQuery如何实现点击页面获得当前点击元素的id或其他信息
2014/01/09 Javascript
jQuery实现单击和鼠标感应事件
2015/02/01 Javascript
JavaScript鼠标特效大全
2016/09/13 Javascript
vue一步步实现alert功能
2017/07/05 Javascript
ExtJs整合Echarts的示例代码
2018/02/27 Javascript
Vue运用transition实现过渡动画
2019/05/06 Javascript
vue+Element实现搜索关键字高亮功能
2019/05/28 Javascript
vue实现评论列表功能
2019/10/25 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
使用typescript改造koa开发框架的实现
2020/02/04 Javascript
python 基础学习第二弹 类属性和实例属性
2012/08/27 Python
浅谈Python中函数的参数传递
2016/06/21 Python
Python正则表达式匹配中文用法示例
2017/01/17 Python
python 获取网页编码方式实现代码
2017/03/11 Python
python爬虫框架talonspider简单介绍
2017/06/09 Python
django 自定义过滤器的实现
2019/02/26 Python
使用Python计算玩彩票赢钱概率
2019/06/26 Python
Python实现简单的猜单词小游戏
2020/10/28 Python
详解Python3.8+PyQt5+pyqt5-tools+Pycharm配置详细教程
2020/11/02 Python
HTML里显示pdf、word、xls、ppt的方法示例
2020/04/14 HTML / CSS
意大利在线购买隐形眼镜网站:VisionDirect.it
2019/03/18 全球购物
初中校园之声广播稿
2014/01/15 职场文书
霸王洗发水广告词
2014/03/14 职场文书
2014年五一活动策划方案
2014/03/15 职场文书
2014领导班子专题民主生活会对照检查材料思想汇报
2014/09/23 职场文书
傲慢与偏见读书笔记
2015/06/29 职场文书
新人入职感言
2015/07/31 职场文书