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 相关文章推荐
js 页面传参数时 参数值含特殊字符的问题
Dec 13 Javascript
解决JS浮点数运算出现Bug的方法
Mar 12 Javascript
JS如何实现文本框随文本的长度而增长
Jul 30 Javascript
基于JS实现PHP的sprintf函数实例
Nov 14 Javascript
完善的jquery处理机制
Feb 21 Javascript
Node.JS中快速扫描端口并发现局域网内的Web服务器地址(80)
Sep 18 Javascript
angular中ui calendar的一些使用心得(推荐)
Nov 03 Javascript
详解JavaScript的BUG和错误
May 07 Javascript
Vue.js获取被选择的option的value和text值方法
Aug 24 Javascript
angular4自定义表单控件[(ngModel)]的实现
Nov 23 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
Apr 27 Javascript
探索node之事件循环的实现
Oct 30 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
用ODBC的分页显示
2006/10/09 PHP
php array_flip() 删除数组重复元素
2009/01/14 PHP
微信公众平台天气预报功能开发
2014/07/06 PHP
php实现微信模板消息推送
2018/03/30 PHP
PHP面向对象程序设计重载(overloading)操作详解
2019/06/13 PHP
Laravel 框架路由原理与路由访问实例分析
2020/04/14 PHP
JS:window.onload的使用介绍
2013/11/13 Javascript
Javascript仿PHP $_GET获取URL中的参数
2014/05/12 Javascript
js单独获取一个checkbox看其是否被选中
2014/09/22 Javascript
JavaScript判断FileUpload控件上传文件类型
2015/09/28 Javascript
vue中的scope使用详解
2017/10/29 Javascript
JS实现将二维数组转为json格式字符串操作示例
2018/07/12 Javascript
JavaScript学习教程之cookie与webstorage
2019/06/23 Javascript
使用nodeJS中的fs模块对文件及目录进行读写,删除,追加,等操作详解
2020/02/06 NodeJs
nodejs如何在package.json中设置多条启动命令
2020/03/16 NodeJs
JavaScript实现网页留言板功能
2020/11/23 Javascript
python根据经纬度计算距离示例
2014/02/16 Python
python基础教程之对象和类的实际运用
2014/08/29 Python
Python字符串替换实例分析
2015/05/11 Python
Python实现OpenCV的安装与使用示例
2018/03/30 Python
Django 中使用流响应处理视频的方法
2018/07/20 Python
Python高级特性与几种函数的讲解
2019/03/08 Python
Python3 实现文件批量重命名示例代码
2019/06/03 Python
用Python爬取QQ音乐评论并制成词云图的实例
2019/08/24 Python
python对输出的奇数偶数排序实例代码
2020/12/04 Python
init进程的作用
2015/08/20 面试题
银行贷款承诺书
2014/03/29 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
公司承诺书格式
2014/05/21 职场文书
超市理货员岗位职责
2014/07/04 职场文书
名人演讲稿范文
2014/09/16 职场文书
幼儿园老师个人总结
2015/02/28 职场文书
一百条裙子读书笔记
2015/07/01 职场文书
结婚纪念日感言
2015/08/01 职场文书
什么是创业计划书?什么是商业计划书?这里一一解答
2019/07/12 职场文书
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle