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 相关文章推荐
JavaScript中的排序算法代码
Feb 22 Javascript
前端开发过程中浏览器版本的两种判定方法
Oct 30 Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 Javascript
JavaScript跨域调用基于JSON的RESTful API
Jul 09 Javascript
javascript实现用户点击数量统计
Dec 25 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
Mar 09 Javascript
angular4应用中输入的最小值和最大值的方法
May 17 Javascript
泛谈JS逻辑判断选择器 || &&
May 24 Javascript
javascript实现获取中文汉字拼音首字母
May 19 Javascript
js验证账户名是否重复
May 26 Javascript
详解Vue3.0 + TypeScript + Vite初体验
Feb 22 Vue.js
uni-app 微信小程序授权登录的实现步骤
Feb 18 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
《超神学院》霸气归来, 天使彦上演维多利亚的秘密
2020/03/02 国漫
DIY一个适配电脑声卡的动圈话筒放大器
2021/03/02 无线电
php session 错误
2009/05/21 PHP
php中有关字符串的4个函数substr、strrchr、strstr、ereg介绍和使用例子
2014/04/24 PHP
PHP+mysql实现的三级联动菜单功能示例
2019/02/15 PHP
javascript 获取表单file全路径
2009/12/31 Javascript
无闪烁更新网页内容JS实现
2013/12/19 Javascript
JS正则表达式验证数字代码
2014/01/28 Javascript
点击显示指定元素隐藏其他同辈元素的方法
2014/02/19 Javascript
JavaScript如何自定义trim方法
2015/07/28 Javascript
JavaScript面向对象程序设计教程
2016/03/29 Javascript
jQuery侧边栏实现代码
2016/05/06 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
2016/05/13 Javascript
prototype.js常用函数详解
2016/06/18 Javascript
jquery.multiselect多选下拉框实现代码
2016/11/11 Javascript
利用Angularjs中模块ui-route管理状态的方法
2016/12/27 Javascript
vue打包之后生成一个配置文件修改接口的方法
2018/12/09 Javascript
微信小程序实现的3d轮播图效果示例【基于swiper组件】
2018/12/11 Javascript
javascript使用链接跨域下载图片
2019/11/01 Javascript
vue 使用外部JS与调用原生API操作示例
2019/12/02 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
Vue实现穿梭框效果
2020/09/30 Javascript
[46:38]完美世界DOTA2联赛PWL S2 Magma vs PXG 第三场 11.28
2020/12/02 DOTA
Python中实现字符串类型与字典类型相互转换的方法
2014/08/18 Python
用Python写一个无界面的2048小游戏
2016/05/24 Python
python 接口返回的json字符串实例
2018/03/27 Python
python实现文件的备份流程详解
2019/06/18 Python
Python的条件锁与事件共享详解
2019/09/12 Python
linux centos 7.x 安装 python3.x 替换 python2.x的过程解析
2020/12/14 Python
Aosom西班牙:家具在线商店
2020/06/11 全球购物
医学生个人求职信范文
2014/02/07 职场文书
小学生学习感言
2014/03/10 职场文书
机关保密承诺书
2014/06/03 职场文书
厕所文明标语
2014/06/11 职场文书
2015国庆节66周年演讲稿
2015/03/20 职场文书
Tomcat弱口令复现及利用
2022/05/06 Servers