一、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的更多相关文章

  1. jQuery 学习笔记

    jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById( ...

  2. jQuery学习笔记(一):入门

      jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操 ...

  3. jQuery学习笔记 - 基础知识扫盲入门篇

    jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...

  4. 大量Javascript/JQuery学习教程电子书合集

    [推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人   不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pd ...

  5. [推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人

    不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pdf 274.79 KB   21天学通JavaScript(第2版)-顾宁燕扫描版.pdf ...

  6. jQuery学习笔记之Ajax用法详解

    这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下 本文实例讲述了j ...

  7. Java程序猿的JavaScript学习笔记(12——jQuery-扩展选择器)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  8. jQuery学习笔记之概念(1)

    jQuery学习笔记之概念(1) ----------------------学习目录-------------------- 1.概念 2.特点 3.选择器 4.DOM操作 5.事件 6.jQuer ...

  9. jQuery学习之开篇

    吐槽 近期比較烦,对于一个前端白痴来说,工作方向突然转向前端这块着实让人蛋疼无比.前段时间简单的学习了下EasyUI,算是对其有一个简单的认知了吧.EasyUI的研究过程中发现,假设没有掌握JS.JQ ...

  10. 第二十六篇 jQuery 学习8 遍历-父亲兄弟子孙元素

    jQuery 学习8 遍历-父亲兄弟子孙元素   jQuery遍历,可以理解为“移动”,使用“移动”还获取其他的元素.   什么意思呢?老师举一个例子: 班上30位同学,我是新来负责教这个班学生的老师 ...

随机推荐

  1. Delphi全局热键的注册

    1.在窗启动时创建ATOM;(aatom:ATOM;定义在private中) then begin aatom:=GlobalAddAtom('ZWXhotKey'); end; ) then beg ...

  2. netfilter的笔记3--那些内置的表

    通过netfilter的笔记2的例子,我们知道了怎么使用netfilter的框架,对于内核的设计原则来说,策略和机制分离,所以提供了iptables来供用户配置防火墙策略. 那么,怎么使用iptabl ...

  3. echart 分组属性

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. 【译】深度双向Transformer预训练【BERT第一作者分享】

    目录 NLP中的预训练 语境表示 语境表示相关研究 存在的问题 BERT的解决方案 任务一:Masked LM 任务二:预测下一句 BERT 输入表示 模型结构--Transformer编码器 Tra ...

  5. Dynamic Method Binding in Delphi 动态方法绑定

    Dynamic Method Binding in Delphi  动态方法绑定 https://docs.dataabstract.com/Delphi/AdvancedTopics/Dynamic ...

  6. easyui-textbox多行文本中输入内容,有回车操作时将文本拼接<br/>

    <input class="easyui-textbox" name="versionText" id="versionText" d ...

  7. java 将mysql中Blob类型转为字符串或数字

    引入Blob类型貌似不行,不知道是版本问题还是java中的Blob类型为oracle,后来使用byte[]转换成功. public float byte2float(byte[] b) { if(b! ...

  8. [原创] debian 9.3 搭建Jira+Confluence+Bitbucket项目管理工具(三) -- 安装confluence 6.6.1

    [原创] debian 9.3 搭建Jira+Confluence+Bitbucket项目管理工具(三) -- 安装confluence 6.6.1 有了安装Jira的经验, 这次再安装conflue ...

  9. FileProvider的使用及应用更新时提示:解析包出错、失败等问题

    Android 7.0以上的版本更新采用系统自带的DownloadManager更新 DOWNLOADPATH ="/download/" https://www.jianshu. ...

  10. maven的pom.xml文件详解

    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/20 ...