jQuery/JavaScript
关注
分享
扫一扫
卩杉
勤学如早春之苗，不见其增，日有所长。辍学如磨刀之石，不见其减，日有所损。
展开
-
jQuery 为动态追加的元素添加点击事件
在 jquery1.7 之前的版本中用的是 live()方法,但是 live() 方法在 1.7 中已经不建议使用,1.9 中已经删除了这个方法.live() 方法适用于匹配选择器的当前及未来的元素 (例如用 JS 脚本创建的新元素）自 jquery1.7 版本起，on() 方法是 bind() / live() / delegate() 方法的新的替代方法on() 方法添加的事件处理...原创 2018-11-15 19:46:54 · 13955 阅读 · 1 评论 -
jQuery（二）选择器
选择器什么是jQuery选择器jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。注意：jQuery选择器返回的是jQuery对象。jQuery选择器有很多，基本兼容了CSS1到CSS3所有的选择器，并且jQuery还添加了很多更加复杂的选择器。【查看jQuery文档】jQuery选择器虽然很多，但是选择器之间可以相互替代，就是说获取一个元素，你会有很...原创 2019-02-24 23:33:37 · 242 阅读 · 0 评论 -
jQuery（一）基本概念
使用 javascript 开发过程中，有许多的缺点：1. 查找元素的方法太少，麻烦。2. 遍历伪数组很麻烦，通常要嵌套一大堆的for循环。3. 有兼容性问题。4. 想要实现简单的动画效果，也很麻烦5. 代码冗余。jQuery 优点总结：1. 查找元素的方法多种多样，非常灵活2. 拥有隐式迭代特性，因此不再需要手写for循环了。3. 完全没有兼容性问题。4. 实现动画非常简单...原创 2019-02-24 23:31:51 · 127 阅读 · 0 评论 -
JS mouseover，mouseenter，hoover 事件对比
hover != mouseover+mouseout。但 hover == mouseenter + mouseleavemouseover 事件与 mouseenter事件的区别：不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件，对应 mouseout。只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件，对应 mouseleave也就是说，mou...原创 2019-02-24 23:26:58 · 709 阅读 · 0 评论 -
正则分组
正则中分组的概念有时可以帮助我们很方便的把字符中的特定的或是符合我们需求的部分摘取出来。比如我们需要把邮箱中的用户名取出来。有个邮箱 Narcissus@163.com ，我们需要把这个邮箱中的用户名也就是 Narcissus 这个英文匹配出来。可以写个分组的正则：var reg = /([0-9a-zA-Z_.-]+)[@]([0-9A-Za-z_-]+)(([.][a-zA-Z]+){1...原创 2019-02-21 22:18:25 · 1110 阅读 · 0 评论 -
正则中的贪婪匹配 /g
刚看到一个超赞的例子可以很好的解释贪婪匹配的问题。一个朋友的说：50 万和100 万你要哪个？我说100 万，他笑了笑说，我两个都要！这不正是正则中的贪婪匹配吗?示例有个字符串var str="《葬花吟》15209275865是清代文学家曹15632365236雪芹的小说《红楼梦》第二十18569853621七回中女主角林黛玉所吟诵的一首古体诗。"我们需要把这个字符串中的所有的电话号...原创 2019-02-21 21:20:23 · 590 阅读 · 0 评论 -
JS 百分数和小数的相互转化
百分数转小数小数转百分数百分数转小数 var percent = "4.2%"; function toPoint(percent){ var str=percent.replace("%",""); str= str/100; return str; } var result = toPoint(percent);..转载 2019-01-22 20:53:29 · 7642 阅读 · 0 评论 -
JS 追加元素
关于 JS 动态追加元素,w3c 的文档中 http://www.w3school.com.cn/jquery/jquery_dom_add.asp 是这么说的 也就是这样的 示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l原创 2018-11-28 23:21:12 · 3445 阅读 · 0 评论 -
JS 监听事件总结
onfocus 当 input 获取到焦点时触发 onblur 当 input 失去焦点时触发，注意：这个事件触发的前提是已经获取了焦点再失去焦点的时候会触发相应的js onchange 当 input 失去焦点并且它的value值发生变化时触发 onkeydown 在 input 中有键按住的时候执行一些代码 onkeyup 在 input 中有键抬起的时候触发的事件，在此事件触发之...原创 2018-11-19 21:20:25 · 3847 阅读 · 1 评论 -
ajax 设置同步请求
ajax 是异步的,但是在某些特殊的情况下,需要 ajax 支持同步请求,即先执行完 ajax 请求再执行下面的代码.可以设置 async: false 实现这个功能.示例代码$.ajax({ url: "/api/goods-number-is-exist?number=" + number + "&goods...原创 2018-11-19 19:46:14 · 32051 阅读 · 1 评论 -
jQuery 判断是否为数字,是否是正整数
判断是否是数字可以使用 jQuery 函数 $.isNumeric()判断是否是正整数可以使用正则表达式 /[1-9]+\d*/ 参考https://stackoverflow.com/questions/13219926/check-for-positive-integers-in-javascript-performance-and-securit...原创 2018-11-18 22:52:58 · 8193 阅读 · 0 评论 -
jQuery 阻止表单提交
1. 利用 onsubmit="return false" 阻止表单提交<form action="" method="get" onsubmit="return false"> <input type="text" name="name" value=""> <button原创 2018-11-18 22:43:25 · 4286 阅读 · 0 评论 -
jQuery 给 data 赋值和取值
1. data 赋值问题data 赋值有两种方法,一种是使用$("div").data("greeting", "Hello World"); 另一种是使用 (建议使用)$("div").attr("data-greeting", "Hello World");data() 和 attr() 方式的区别data() 方式赋值不会操作 dom 节点,而是在内存中生原创 2018-11-18 22:32:11 · 9475 阅读 · 0 评论 -
常用正则表达式
邮箱邮箱[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}原创 2019-02-19 23:29:49 · 102 阅读 · 0 评论