首页 > Web开发 > 详细

JQuery

时间:2019-06-29 21:16:52      阅读:76      评论:0      收藏:0      [点我收藏+]

技术分享图片

Utilities 工具函数

技术分享图片

技术分享图片

兼容IE,6,7,8浏览器时,使用jQuery1.9.1版本兼容性最好,如果使用跟其他版本会出问题的。谨记。

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

技术分享图片

看jQuery源码

技术分享图片

技术分享图片

技术分享图片

常规引入jQuery.js

先后顺序不能变:

1,先引入 jquery.js源文件

2,再引入我们编辑的script.js文件

以下是非常规引用:npm  node yarn等等都可以引入jQuery

技术分享图片

技术分享图片

jQuery 全等于 $,两者没有区别,使用方法即返回数据类型都一样。

如果使用$开发时,与其他语言冲突时,记得使用jquery来使用,即可。大多数情况都是使用$

下面是对$=jQuery的理解,类似jQuery内部的源码:

技术分享图片

 

当$变量被使用了,并且释放了。这时不能使用$来代替jquery库,

只能使用jquery变量来调用jquery库技术分享图片

技术分享图片

conflict  /‘k?nfl?kt/  冲突

noConflict  无抵触的

 

技术分享图片

selector 选择器

context 上下文

content 内容

=======

以下是给所有的div标签都添加 .love 类 ,且颜色变成 #f0f;

$("div").addClass(‘love‘);

$("div").css("color","#f0f");

 

 

 

 

 

 

 

 

 

八,选择,分组和引用1,| 选择,匹配该符号左边或者右边的内容2,(...) 分组 表示统一操作;捕获括号中的内容3,(?:...) 非捕获性分组,不参与下面的引用计数4,\n 第n个捕获性分组的引用 (eg. \1\2\3);九,捕获到的内容1,exec返回的数组,只返回第一个匹配到的字符2,var pattern=/([a-z]+)@([0-9]+)@\1\2/;  \1...\9引用分组 只能用于pattern模式中3,replace 的第二个参数中,$14,RegExp.$1捕获性分组引用 $1的两种情况:第一种:作为匿名函数的参数第二个参数:$1<script>var str="htmlss htmlss java script htmlss javascript htmlss";var pattern=/html(ss)+/g;str.replace(pattern,function(all,$1){//上面可以匹配到4次,每次匹配一次 all=htmlss 连续匹配4次//all并不是结果的集合,而是all等于每次匹配到的结果。//console.log(all);会连续输出4次 htmlss console.log(all);
//all 可以匹配到几次 分组引用$1也可以匹配到几次//因为 $1 属于 all 的子匹配。//all 会输出几次,$1 也会输出几次。console.log($1)/*输出结果:htmlsssshtmlsssshtmlsssshtmlssss*/})</script>捕获性分组引用 $1的三种情况:第二种:把引用分组$1直接发按在字符串中: "$1"<script>var str="htmlss htmlss java script Lovejavascript htmlss";var pattern=/[A-Z][a-z]{3}(javascript)/g;// $1 可以放到双引号中// $1 代表 javascript// 下面表达式: 字符串str使用$1(javascript) 代替 pattern与str匹配得出的内容(Lovejavascript)// 返回:htmlss htmlss java script javascript htmlssconsole.log(str.replace(pattern,"$1"));//这里的 "$1" 一定要写在引号中,否则报错</script>捕获性分组引用 $1的三种情况:第三种:使用构造函数创建正则表达式,并且运行 exec,replace,match,search等等才能使用正则表达式对象:RegExp.$1 读取捕获性分组引用<script>var str="htmlss htmlss java script Lovejavascript htmlss";var pattern=new RegExp("[A-Z][a-z]{3}(javascript)","g");str.replace(pattern,"$1");//返回:javascriptconsole.log(RegExp.$1);</script>

JQuery

原文:https://www.cnblogs.com/Knowledge-is-infinite/p/11107840.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!