jquery
蒙--
这个作者很懒,什么都没留下…
展开
-
jquery 一个元素包含多个class时
Jquery选择器 多个 class属性参照以下案例 <element class="a b good list card">1. 交集选择: $(".a.b") --选择同时包含a和b的元素。2. 并集选择:$(".a, .b") --选择包含a或者包含b的元素。3.依次过滤 $(“.good”).filter(“.list”).filter(“.Card”)4.属性选择 $...转载 2018-04-19 01:01:38 · 4239 阅读 · 0 评论 -
jquery 过滤 first last eq filter not
缩小搜索元素的范围三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。jQuery first() 方法first() 方法返回被选元素的首个元素。下面的例子选取首个 <div> 元素内部的第一个 <p> ...转载 2018-06-09 00:39:21 · 191 阅读 · 0 评论 -
jquery 遍历 each 每个匹配元素规定要运行的函数
实例输出每个 <li> 元素的文本:$("button").click(function(){ $("li").each(function(){ alert($(this).text()) });});尝试一下 »定义和用法each() 方法为每个匹配元素规定要运行的函数。提示:返回 false 可用于及早停止循环。语法$(selector).each(fun...转载 2018-06-09 00:43:42 · 631 阅读 · 0 评论 -
jquery has 返回拥有匹配指定选择器的一个或多个元素在其内的所有元素
实例返回拥有一个 <span> 元素在其内的所有 <p> 元素:$("p").has("span")尝试一下 »定义和用法has() 方法返回拥有匹配指定选择器的一个或多个元素在其内的所有元素。提示:如需选取拥有多个元素在其内的元素,请使用逗号分隔(参见下面的实例)。语法$(selector).has(element)参数描述element必需。规定匹配元素的选择器表达式或...转载 2018-06-09 00:47:29 · 1041 阅读 · 0 评论 -
jquery is 用于查看选择的元素是否匹配选择器。
如果 <p> 的父元素是 <div> 元素,弹出提示信息:if ($("p").parent().is("div")) { alert("p 的父元素是 div"); }尝试一下 »定义和使用is() 方法用于查看选择的元素是否匹配选择器。语法$(selector).is(selectorElement,function(index,element))参数描述sele...转载 2018-06-09 00:49:18 · 948 阅读 · 0 评论 -
jquery append和after, prepend和before的区别
1. append()和prepend()假设<div class='a'> //<---you want div c to append in this <div class='b'>b</div></div>123使用$('.a').append($('.c'));1效果如下:<div class='a'> //<-...转载 2018-06-12 09:23:53 · 197 阅读 · 0 评论 -
jquery 删除元素remove,empty
通过 jQuery,可以很容易地删除已有的 HTML 元素。删除元素/内容如需删除元素和内容,一般可使用以下两个 jQuery 方法:remove() - 删除被选元素(及其子元素)empty() - 从被选元素中删除子元素jQuery remove() 方法jQuery remove() 方法删除被选元素及其子元素。实例$("#div1").remove();尝试一下 »jQuery empty...转载 2018-06-12 09:22:35 · 944 阅读 · 0 评论 -
jquery addClass,removeClass 设置或删除类
通过 jQuery,可以很容易地对 CSS 元素进行操作。 切换 CSS 类jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些:addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切换操作css() - 设置或返回样式属性实例样式表下面的样...转载 2018-06-12 09:22:01 · 959 阅读 · 0 评论 -
jquery width,height,innerwidth,innerheight,outerwidth,outerheight方法
通过 jQuery,很容易处理元素和浏览器窗口的尺寸。jQuery 尺寸方法jQuery 提供多个处理尺寸的重要方法:width()height()innerWidth()innerHeight()outerWidth()outerHeight()jQuery 尺寸jQuery width() 和 height() 方法width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。hei...转载 2018-06-12 09:21:51 · 249 阅读 · 0 评论 -
jquery 下载 安装 浏览器支持
https://code.jquery.com/jquery/ 可下载各版本jQuery 版本 2 以上不支持 IE6,7,8 浏览器。如果需要支持 IE6/7/8,那么请选择1.9你还可以通过条件注释在使用 IE6/7/8 时只包含进1.9。您是否很疑惑为什么我们没有在 <script> 标签中使用 type="text/javascript" ?在 HTML5 中,不必那样做了。...转载 2018-06-11 19:28:48 · 751 阅读 · 0 评论 -
jquery 文档就绪
文档就绪事件您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中:$(document).ready(function(){ // 开始写 jQuery 代码... });这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。如果在文档没有完全加载之前就运行函数,操作可能失败。下面...转载 2018-06-11 19:28:34 · 360 阅读 · 0 评论 -
jquery 发送验证码60s倒计时,后重新发送
#html<div class="user_code"> <input type="text" placeholder="请输入验证码" name="code" > <input type="button" class="getCode" value="发送"></div>#js//发送验证码 $("...原创 2018-08-28 16:16:41 · 868 阅读 · 0 评论 -
jquery removeAttr删除属性,attr给属性赋值
1. 删除属性 $(selector).removeAttr(attribute) 2. 设置属性$(selector).attr(attribute,value)$(selector).attr({attribute:value, attribute:value ...}) //同时设置多个属性原创 2018-08-28 16:31:08 · 2530 阅读 · 0 评论 -
jquery chosen动态设置值
突然发现如果用在省市选择发现有如下问题:1,不能动态设置值2,不能动态设置选中看了好几遍API愣是米有发现有方法可以直接调用。没办法就看源码,发现在其初始化的时候有一个判断如下图:发现有个destroy是不是("#city).chosen("destroy");就可以了呢。把猜想试了一下果然可以。在这之前调试过其生成的dom想通过直接将其生成的dom移除掉,结果是不可行的,能移...转载 2018-09-06 16:45:13 · 1276 阅读 · 0 评论 -
jquery 同胞 siblings next nextAll nextUtil pre preAll preUtil
同胞拥有相同的父元素。通过 jQuery,您能够在 DOM 树中遍历元素的同胞元素。在 DOM 树中水平遍历有许多有用的方法让我们在 DOM 树进行水平遍历:siblings()next()nextAll()nextUntil()prev()prevAll()prevUntil()jQuery siblings() 方法siblings() 方法返回被选元素的所有同胞元素。下面的例子返回 <...转载 2018-06-09 00:36:13 · 429 阅读 · 0 评论 -
jquery 后代 children, find方法
后代是子、孙、曾孙等等。通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代。向下遍历 DOM 树下面是两个用于向下遍历 DOM 树的 jQuery 方法:children()find()jQuery children() 方法children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。下面的例子返回每个 <div> 元素的所有直接子元...转载 2018-06-09 00:32:11 · 408 阅读 · 0 评论 -
js ajax 表单异步提交
1. <form onsubmit="return false" method='post'>2. jquery获取表单元素值并转换为jsonfunction serializeAryToJson (Arr) { var data = {}; $(Arr).each(function () { //相同的数组的键会覆盖 if (data[this.name] !== und...原创 2018-04-28 08:05:48 · 1946 阅读 · 0 评论 -
jquery 选择器 空格、大于、加号、波浪线区别
空格:$('parent childchild')表示获取parent下的所有的childchild节点,所有的子孙。大于号:$('parent > child')表示获取parent下的所有child的儿子,第一代。加号:$('pre + nextbrother')表示获得pre节点的下一个兄弟节点,相当于next()方法波浪号:$('pre ~ brother')表示获取pre节点的后面...原创 2018-05-08 12:58:06 · 1157 阅读 · 0 评论 -
jquery 获取元素css的left,top值
经常要获取某个元素的相对位置来做某些jquery特效,left和top也是我们经常用到的css属性,下面是对left和top的解释:值为auto : 无特殊定位,根据HTML定位规则载文档流中分配值为length :由浮点数字和单位标识符组成的长度值 | 百分数。必须定义position属性值为absolute或者relative此取值方可生效。css的left和top属性指的是距最近的一个pos...转载 2018-06-11 18:16:50 · 19380 阅读 · 1 评论 -
jquery chosen插件的使用(搜索查询下拉列表,多选)
Chosen前言:想要达到下拉框有多选的情况。过程:1.因为本次工作项目使用的是surperUI,而它则是基于bootstrap框架搭建而成的。于是自然而然的就想到了使用bootstrap中的select插件。可是因为不太熟悉该框架的使用方法,于是看了一下使用方法,就上手写代码了。知道最终研究细节时,才发现出现了一些问题:首先,不会取到select的value值;其次,不会回显其值。反复考量之后,...转载 2018-06-05 11:51:19 · 14827 阅读 · 0 评论 -
jquery 获取data-* 属性值
下面就详细介绍四种方法获取data-*属性的值<li id="getId" data-id="122" data-vice-id="11">获取id</li>1需要获取的就是data-id 和 dtat-vice-id的值一:getAttribute()方法const getId = document.getElementById('getId');// //getAtt...转载 2018-05-29 23:40:08 · 58539 阅读 · 0 评论 -
jquery uploadify 避免jquery.uploadify.min.js 文件多次引用导致只有最后一个才能上传
当页面加载后,再应用$(function(){ $("#file1").uploadify({ "height" : 30, "swf" : "/Public/libs/jquery_uploadify/js/uploadify.swf", "buttonText" : "上传图片", "uploader" : '{:U("upload/upload&原创 2018-06-20 19:13:48 · 1218 阅读 · 0 评论 -
jquery uploadify 相关文档 按钮样式显示不全 Google浏览器显示问题
1. 显示2. chrome://settings/content/flash?search=flashflash 添加允许原创 2018-06-20 19:24:12 · 937 阅读 · 0 评论 -
jquery 插件zClip实现复制到剪贴板功能
相信这个功能大家平时上网经常能碰到,以前也没怎么留意怎么实现的,直到项目中需要。网上一搜一大堆,单纯使用js方法也不是没有,但是由于各浏览器的安全机制不同,不是跨浏览器的。去看了几个常用的网站,都是用的透明flash遮挡“复制到剪贴板”按钮,所以当你点击“复制到剪贴板”的时候,点击的其实是flash,然后把你需要复制的内容传入到了flash,然后在通过flash的复制功能把传入的内容复制到了剪...转载 2018-06-07 23:28:09 · 2357 阅读 · 0 评论 -
bootstrap modal弹出框实现及实现按钮点击复制功能
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>B游汇&am原创 2018-06-07 23:59:32 · 3631 阅读 · 0 评论 -
jquery 添加扩展方法及为选择的对象添加方法
(function($){ //jquery类本身添加方法 //jquery扩展方法1 jQuery.extend(object); $.extend({ exalert:function(){ alert('exalert'); } }); //jquery扩展方法2 添加一个新的全局函数 $.exalert2=function(){ alert('exaler...原创 2018-06-08 23:37:25 · 2644 阅读 · 0 评论 -
jquery 多个class操作
<div class='c1 c2 c3'> <a class='c4'>test </a></div><div class='c1'></div>$('.c1.c2') 无空格 交集 选择同时包含c1,c2 class的元素--->会选择到div元素$('.c1 .c4') 有空格 选择c1的所有后代含...原创 2018-06-09 00:13:54 · 2368 阅读 · 0 评论 -
jquery css,attr,val方法
一. css() 方法设置或返回被选元素的一个或多个样式属性。$("p").css("background-color"); //返回p元素的background-color的样子属性$("p").css("background-color","yellow"); //设置一个$("p").css({"background-color":"yellow&qu原创 2018-06-09 00:25:37 · 376 阅读 · 0 评论 -
jquery 祖先 parent,parents,parentUtil函数
祖先是父、祖父或曾祖父等等。通过 jQuery,您能够向上遍历 DOM 树,以查找元素的祖先。向上遍历 DOM 树这些 jQuery 方法很有用,它们用于向上遍历 DOM 树:parent()parents()parentsUntil()jQuery parent() 方法parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历。下面的例子返回每个 <span...转载 2018-06-09 00:29:50 · 985 阅读 · 0 评论 -
jquery radio,select相关操作
Radio 1.获取选中值,三种方法都可以:$('input:radio:checked').val();$("input[type='radio']:checked").val();$("input[name='rd']:checked").val();2.设置第一个Radio为选中值: $('input:radio:first').attr('che...转载 2019-07-17 13:48:43 · 236 阅读 · 0 评论