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 相关文章推荐
LazyLoad 延迟加载(按需加载)
May 31 Javascript
JQuery最佳实践之精妙的自定义事件
Aug 11 Javascript
理解Javascript_10_对象模型
Oct 16 Javascript
javascript动态加载二
Aug 22 Javascript
JavaScript的setAttribute兼容性问题解决方法
Nov 11 Javascript
使用jquery提交form表单并自定义action的实现代码
May 25 Javascript
详解VUE的状态控制与延时加载刷新
Mar 27 Javascript
JS传播事件、取消事件默认行为、阻止事件传播详解
Aug 14 Javascript
Vue.js实现价格计算器功能
Mar 30 Javascript
Vue全局loading及错误提示的思路与实现
Aug 09 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
Sep 21 Javascript
如何在node环境实现“get数据解析”代码实例
Jul 03 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
ThinkPHP单字母函数(快捷方法)使用总结
2014/07/23 PHP
php中smarty模板条件判断用法实例
2015/06/11 PHP
PHP中strnatcmp()函数“自然排序算法”进行字符串比较用法分析(对比strcmp函数)
2016/01/07 PHP
PHP对XML内容进行修改和删除实例代码
2016/10/26 PHP
PHP生成唯一ID之SnowFlake算法
2016/12/17 PHP
详谈PHP中的密码安全性Password Hashing
2017/02/04 PHP
PHP实现大数(浮点数)取余的方法
2017/02/18 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
HTML中Select不用Disabled实现ReadOnly的效果
2008/04/07 Javascript
jQuery 表单验证扩展(四)
2010/10/20 Javascript
用jQuery中的ajax分页实现代码
2011/09/20 Javascript
javascript获取元素CSS样式代码示例
2013/11/28 Javascript
nodejs开发微博实例
2015/03/25 NodeJs
javascript实现设置、获取和删除Cookie的方法
2015/06/01 Javascript
jQuery包裹节点用法完整示例
2016/09/13 Javascript
Bootstrap精简教程中秋大放送
2016/09/15 Javascript
使用BootStrap进行轮播图的制作
2017/01/06 Javascript
WebPack基础知识详解
2017/01/16 Javascript
jQuery中的一些小技巧
2017/01/18 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
2017/03/09 Javascript
vue项目中导入swiper插件的方法
2018/01/30 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
2018/08/14 Javascript
Angular(5.2->6.1)升级小结
2018/12/27 Javascript
JSONObject与JSONArray使用方法解析
2020/09/28 Javascript
如何封装Vue Element的table表格组件
2021/02/06 Vue.js
Python 如何在字符串中插入变量
2020/08/01 Python
python Tornado框架的使用示例
2020/10/19 Python
KIKO MILANO俄罗斯官网:意大利领先的化妆品和护肤品品牌
2021/01/09 全球购物
大四学年自我鉴定
2013/11/13 职场文书
领导四风问题整改措施思想汇报
2014/10/13 职场文书
综治工作汇报材料
2014/10/27 职场文书
公司表扬稿范文
2015/05/05 职场文书
关于感恩的素材句子(38句)
2019/11/11 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python
html粘性页脚的具体使用
2022/01/18 HTML / CSS