jquery学习总结1-12
一、jquery入口函数的几种写法
1.$(document).ready(function() { } ) ;
2.jquery(document).ready(function() { } ) ;
3.$(function( ) { } ) ;
二、jquery的冲突问题
有时,jquery中的$符号有可能会被占用,我们可以释放系统的$符号,然后自己进行定义
方法:jquery.noConflict( );释放$符号的使用权,之后只能使用jquery来代替$;通过noConflic还可以实现$的自定义eg:var nv = jquery.noConflict( );
三、jquery的核心函数
jquery的核心函数为$()他可以接受一个函数,也可以接受一个字符串;字符串选择器;代码片段以及dom元素
四、jquery对象
jquery对象是一个伪数组,又0--length-1的属性,并且又lenght属性
五、jquery中的静态方法与实例方法
直接添加到类上的为静态方法,添加到原型上的为实例方法;静态方法可以通过类名来调用;实例方法通过类的实例调用(创建一个对象,new())
六、jquery中的each方法
原生js中遍历数组用到forEach方法,参数一,遍历到的元素,参数二,当前遍历的索引(不能遍历伪数组);
jquery中利用each来遍历对象,$.each(arr, function( ) { } );参数一,遍历的数组或对象,参数二,一个回调函数(函数中添加两个形参,形式与forEach中的参数相反);
七、jquery中的map方法
原生js中map方法有三个参数,第一二个与each相同,第三个参数为当前遍历的数组,
jquery中map与each相似;区别:1.each静态方法默认的返回值是遍历谁就返回谁,而map方法的返回值是一个空数组
2.each方法不支持在回调函数中对遍历的数组进行处理,而map方法则可以,然后会生成一个新的数组
八、jquery中的其他静态方法
1.$.trim()方法可以去除字符串两端的空格, 参数:需要去除空格的字符串;返回值:去除空格之后的字符串
2.$.iswindow()方法可以判断传入的对象是否是window的对象,返回值:true/false
3.$isArray()方法可以判断传入对象是否是真数组,返回值:true/false
4.$siFunction()方法可以判断传入的对象是否是一个函数,返回值:true/false(jquery本质上是一个匿名函数)。
九、jquery中的holdready()方法
$.holdready(true)方法可以暂停ready的执行;$.holdready(false)方法可以恢复ready的执行
十、jquery中的常见选择器
1.empty EG: var div = $("div : empty") 找到既没有文本内容又没有子元素的div(空)
2.parent EG : var div = $("div : parent") 找到有文本内容或有子元素的div
3.contains EG:var div = $("div : contains(“我是div”)") 找到包含指定文本内容的div
4.has EG:var div = $("div :has(“span”)") 找到包含指定子元素(span)的(div)指定元素
十一、jquery中attr()方法与removeAttr()方法
attr()方法可以获取或者设置属性节点的值;若传递一个参数,则代表获取属性节点的值,若传递两个参数,则代表设置属性节点的值;
书写形式:DOM元素.attr()
注意点:1.如果获取元素的属性节点:无论找到多少元素都会返回第一个元素指定节点的值
2.如果设置元素的属性节点:找到多少个元素就会设置多少个元素的值
3.如果设置元素的属性节点:属性节点不存在,则系统会新增该属性节点
removeAttr()方法
删除属性节点,DOM元素.removeAttr(”class“)作用为删除DOM元素中的class属性
注意点:会删除所有选中DOM元素的属性,参数之间可以用空格相隔,(删除两个共有属性)
十二、prop()方法和removeProp()方法
prop()特点与attr()方法一致;removeProp()与removeAttr()方法一致;
注意点:prop()方法不仅可以操作属性,还可以操作属性节点
console . log ( $ ( " input " ) . prop ( " check " ) ) ; //true /f alse;
console . log ( $ ( " input " ) . attr ( " check " ) ) ; //check / undefined ;
jquery学习总结1-12的更多相关文章
- jQuery 学习笔记
jQuery 学习笔记 一.jQuery概述 宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById( ...
- jQuery学习笔记(一):入门
jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操 ...
- jQuery学习笔记 - 基础知识扫盲入门篇
jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...
- 大量Javascript/JQuery学习教程电子书合集
[推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人 不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小 15天学会jQuery(完整版).pd ...
- [推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人
不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf ...
- jQuery学习笔记之Ajax用法详解
这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下 本文实例讲述了j ...
- Java程序猿的JavaScript学习笔记(12——jQuery-扩展选择器)
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
- jQuery学习笔记之概念(1)
jQuery学习笔记之概念(1) ----------------------学习目录-------------------- 1.概念 2.特点 3.选择器 4.DOM操作 5.事件 6.jQuer ...
- jQuery学习之开篇
吐槽 近期比較烦,对于一个前端白痴来说,工作方向突然转向前端这块着实让人蛋疼无比.前段时间简单的学习了下EasyUI,算是对其有一个简单的认知了吧.EasyUI的研究过程中发现,假设没有掌握JS.JQ ...
- 第二十六篇 jQuery 学习8 遍历-父亲兄弟子孙元素
jQuery 学习8 遍历-父亲兄弟子孙元素 jQuery遍历,可以理解为“移动”,使用“移动”还获取其他的元素. 什么意思呢?老师举一个例子: 班上30位同学,我是新来负责教这个班学生的老师 ...
随机推荐
- linux7 安装 zlib依赖库 与安装python 3.6
Linux 安装zlib依赖库 进入src: cd /usr/local/src 下载zlib库: wget http://www.zlib.net/zlib-1.2.11.tar.gz 解压下载的t ...
- 奇怪,Linux下find找不到文件了
你遇到过linux下root用户执行find命令按文件名在根目录下查找不到指定文件的情况吗?如果你遇到这种情况,你分析可能有哪几种原因导致?这里记录一下这个有意思的问题. 问题现象 实现一个工具,需要 ...
- AlphaGo的前世今生(二)AlphaGo: Countdown to AI Revolution
这是本专题的第二节,在这一节我们将以David Silver等人的Natrue论文Mastering the game of Go with deep neural networks and tree ...
- form的submit()方法不能触发onsubmit事件的解决方法,兼容各版本浏览器。
在处理表单提交的时候遇到一个问题,通常用<input type="submit" value="提交" />按钮来提交form,再监听form的on ...
- 基于maven来Spring MVC的环境搭建遇到“坑”
1.注解配置路径问题: 在web.xml中配置spring mvc 路径时, 应该配置如下:classpath:classpath:spring-* 2.jdk版本和Spring MVC版本不一致问题 ...
- 一个box四周边框阴影
实现效果如图: 代码如下: .section { margin: 20upx 30upx; padding: 40upx; border-radius: 6px; border-top: #0670C ...
- 跑步“无核心,不PB”
核心力量不管是在跑步中,还是在生活中都有着重要的作用,核心能让你的身体机能更加强劲. 1.什么是核心肌群? 核心肌群就是指我们所说的躯干,包括脊柱.骨盆.及周围肌群. 核心肌群由腹直肌.腹横肌.腹斜肌 ...
- tcp,Socket,三次握手和四次挥手的图示
tcp的图示: Socket的图示: Socket原理图示: “三次握手”图示介绍: 客户端向服务器发送一个SYN J 服务器向客户端响应一个SYN K,并对SYN J进行确认ACK J+1 客户端再 ...
- python的可变对象与不可变对象
a = 1print(id(a))def fun(a): a = 2 print(a,id(a))fun(a)print(a,id(a)) # 1#为什么这里的a的值没有改变#因为在函数里变量赋值(内 ...
- linux学习笔记:linux常用的命令
2018-11-19 常见命令快速查询一览表 命令 功能 ls 列出目录内容 cat 链接文件并打印到标准输出设备上(通常用来 ...