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 event 事件解析
Jan 31 Javascript
可在线编辑网页文字效果代码(单击)
Mar 02 Javascript
js 阻止子元素响应父元素的onmouseout事件具体实现
Dec 23 Javascript
基于Jquery实现键盘按键监听
May 11 Javascript
angularJS 入门基础
Feb 09 Javascript
JS使用post提交的两种方式
Dec 03 Javascript
分享jQuery封装好的一些常用操作
Jul 28 Javascript
详细分析Javascript中创建对象的四种方式
Aug 17 Javascript
详解Vue 动态添加模板的几种方法
Apr 25 Javascript
C#程序员入门学习微信小程序的笔记
Mar 05 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
Oct 11 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
Apr 22 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
在任意字符集下正常显示网页的方法二(续)
2007/04/01 PHP
apache和php之间协同工作的配置经验分享
2013/04/08 PHP
使用PHP生成图片的缩略图的方法
2015/08/18 PHP
PHP+mysql+ajax轻量级聊天室实现方法详解
2016/10/17 PHP
PHP+JS实现的商品秒杀倒计时用法示例
2016/11/15 PHP
PHP实现的AES双向加密解密功能示例【128位】
2018/09/03 PHP
简单的php购物车代码
2020/06/05 PHP
拖拉表格的JS函数
2008/11/20 Javascript
javascript 选择文件夹对话框(web)
2009/07/07 Javascript
JavaScript function 的 length 属性使用介绍
2014/09/15 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
2014/09/25 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
2015/07/17 Javascript
百度地图给map添加右键菜单(判断是否为marker)
2016/03/04 Javascript
bootstrap侧边栏圆点导航
2017/01/11 Javascript
使用bootstraptable插件实现表格记录的查询、分页、排序操作
2017/08/06 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
2017/12/23 Javascript
JavaScript分步实现一个出生日期的正则表达式
2018/03/22 Javascript
jQuery 操作 HTML 元素和属性的方法
2018/11/12 jQuery
详解Vue中watch的详细用法
2018/11/28 Javascript
js实现图片上传到服务器和回显
2020/01/19 Javascript
JavaScrip如果基于url实现图片下载
2020/07/03 Javascript
[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python使用cookie库操保存cookie详解
2014/03/03 Python
python将图片文件转换成base64编码的方法
2015/03/14 Python
python读取word文档的方法
2015/05/09 Python
python中使用PIL制作并验证图片验证码
2018/03/15 Python
matplotlib 纵坐标轴显示数据值的实例
2018/05/25 Python
python 文件转成16进制数组的实例
2018/07/09 Python
Python类装饰器实现方法详解
2018/12/21 Python
Django为窗体加上防机器人的验证码功能过程解析
2019/08/14 Python
Python识别处理照片中的条形码
2020/11/16 Python
C#和SQL Server的面试题
2016/08/12 面试题
《全神贯注》教学反思
2016/02/22 职场文书
Ajax是什么?Ajax高级用法之Axios技术
2021/04/21 Javascript
MongoDB支持的数据类型
2022/04/11 MongoDB
vue使用element-ui按需引入
2022/05/20 Vue.js