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 相关文章推荐
jQuery $.data()方法使用注意细节
Dec 31 Javascript
JS 获取select(多选下拉)中所选值的示例代码
Aug 02 Javascript
jQuery常用数据处理方法小结
Feb 20 Javascript
jQuery中animate动画第二次点击事件没反应
May 07 Javascript
JS解决iframe之间通信和自适应高度的问题
Aug 24 Javascript
常见的浏览器Hack技巧整理
Jun 29 Javascript
Javascript之图片的延迟加载的实例详解
Jul 24 Javascript
浅谈angularJS的$watch失效问题的解决方案
Aug 11 Javascript
Vue 页面跳转不用router-link的实现代码
Apr 12 Javascript
vue计算属性和监听器实例解析
May 10 Javascript
微信小程序webview实现长按点击识别二维码功能示例
Jan 24 Javascript
微信小程序抽奖组件的使用步骤
Jan 11 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调用数据库的存贮过程!
2006/10/09 PHP
用PHP和ACCESS写聊天室(二)
2006/10/09 PHP
PHP删除数组中的特定元素的代码
2012/06/28 PHP
php中in_array函数用法分析
2014/11/15 PHP
ThinkPHP 3.2.3实现页面静态化功能的方法详解
2017/08/03 PHP
JavaScript入门教程 Cookies
2009/01/31 Javascript
理解 JavaScript 预解析
2009/10/25 Javascript
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
javascript模拟地球旋转效果代码实例
2013/12/02 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
php析构函数的具体用法小结
2014/03/11 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
2014/04/03 Javascript
javascript常见数据验证插件大全
2015/08/03 Javascript
JS实现网页上随机产生超链接地址的方法
2015/11/09 Javascript
JQuery 的跨域方法推荐_可跨任何网站
2016/05/18 Javascript
jQuery.datatables.js插件用法及api实例详解
2016/10/28 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
jQuery阻止事件冒泡实例分析
2018/07/03 jQuery
优雅的elementUI table单元格可编辑实现方法详解
2018/12/23 Javascript
如何使用JS console.log()技巧提高工作效率
2020/10/14 Javascript
微信小程序弹窗禁止页面滚动的实现代码
2020/12/30 Javascript
[00:12]DAC2018 天才少年转战三号位,他的SOLO是否仍如昔日般强大?
2018/04/06 DOTA
对于Python的框架中一些会话程序的管理
2015/04/20 Python
Python实现基于权重的随机数2种方法
2015/04/28 Python
Python的GUI框架PySide的安装配置教程
2016/02/16 Python
python的内存管理和垃圾回收机制详解
2019/05/18 Python
python基于FTP实现文件传输相关功能代码实例
2019/09/28 Python
tensorflow 固定部分参数训练,只训练部分参数的实例
2020/01/20 Python
Keras load_model 导入错误的解决方式
2020/06/09 Python
Python如何测试stdout输出
2020/08/10 Python
PyCharm+Miniconda3安装配置教程详解
2021/02/16 Python
Html5 Canvas 实现一个“刮刮乐”游戏
2019/09/05 HTML / CSS
驴妈妈旅游网:中国新型的B2C旅游电子商务网站
2016/08/16 全球购物
教师实习自我鉴定
2013/12/11 职场文书
计算机专业自荐信
2015/03/05 职场文书