JQuery
文章平均质量分 61
wjiaoling136
这个作者很懒,什么都没留下…
展开
-
JQuery中after、append、insertAfter、prepend的简单用法
after、append、insertAfter都有向选定元素之后插入指定内容的功能,但还是有点不同的。简单代码:<div> <p>段落1</p></div> 1、after:在选定元素之后插入指定的内容,该内容可以包含HTML标签。使用after方法向<div>之后插入代码:$("div").a...原创 2013-09-17 11:31:04 · 158 阅读 · 0 评论 -
Jquery事件对象的属性
平常时候老是写各种事件,但是从来没注意过function里面那个event参数问题,每次用到都是直接去百度,这回弄个event各个属性的集合,以后要用了就直接来这里找吧。 1、event.type作用:获取事件的类型,譬如获取click事件的type,会返回click。例子:$("a").click(function(event){alert(event.type);/...原创 2015-11-22 21:48:57 · 191 阅读 · 0 评论 -
Jquery的index()方法
index()方法用过几次,每次用都是直接从网上找,用的次数多了以为熟悉了,自己写了一个,一写还错了(后来发现好像是Jquery版本问题,报错时候用的1.3的,改成1.7的不报错了),于是打算研究一下。 1、API中的概述:定义:搜索匹配的元素,并返回相应元素的索引值,从0开始计数。如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个...原创 2015-11-18 17:53:08 · 438 阅读 · 0 评论 -
JXL通过AJAX将数据导出到Excel中
这篇博文写的对别人没有什么参考价值,仅仅给自己留个思路。 以前因为时间的原因导数据到Excel中用的是JS,也没有大数据的测试,结果到后来一碰上大数据就宕机。最近终于抽时间好好来琢磨这个问题啦,改从服务器端导数据。 前面的博文中其实也有提到用JXL导数据,但是导出的数据比较少,是直接将需要导出的数据拼接成字符串然后传到后台一个一个弄到Excel中的,大数据的话就不适用了。另外,...原创 2015-08-18 23:02:05 · 387 阅读 · 0 评论 -
Jquery之removeClass()
众所周知,removeClass()是用来移除样式的,分两种情况:一、元素只有一个样式时,直接删除,如:$(selector).removeClass("className"); 二、元素有多个样式时,有三种方式:1、每次移除一个,多次移除。如:$(selector).removeClass("className1");$(selector).removeClass...原创 2015-08-05 09:52:03 · 1185 阅读 · 0 评论 -
Jquery选择器的一些特殊情况
1、选择器中含有"."、"#"、"("、“]”等特殊字符:按命名规则属性值中是不能出现这些特殊字符的,但是在实际情况中偶尔也会遇到。如果按照普通方式去处理出来的话一定会报错,解决的办法可以使用转义符进行转义。如:/*HTML:<div id="test#1">1111111</div><div id="test[2]"原创 2015-08-04 23:35:26 · 150 阅读 · 0 评论 -
判断JS对象和Jquery对象是否存在
一、判断JS对象是否存在:在JS中获取对象通常通过document.getElementById()和document.getElementsByTagName()函数来获取,但是要是不存在指定的对象浏览器就会报错,因此需要判断一下,下面这个比较简单且实用:if(document.getElementById("exist")){ alert("对象存在!");} ...原创 2015-08-04 22:17:25 · 375 阅读 · 0 评论 -
window.onload与$(document).ready()的区别
总所周知,onload是原生JS中的方法,一般通过<body>标签的onload或window.onload来实现功能。$(document).ready()方法是Jquery的方法,功能和onload差不多。两者区别如下:1、执行时机不同:window.onload方法必须等待网页中所有的内容加载完毕后(包括DOM结构、内容、图片)才能执行。$(docume...原创 2015-08-04 22:12:08 · 140 阅读 · 0 评论 -
Jquery选择器
Jquery中的选择器分为基本选择器、层次选择器、过滤选择器和表单选择器。1 基本选择器基本选择器是Jquery中常用的选择器,也是最简单的选择器。它通过元素ID、Class和标签名等来查找DOM对象。在网页中,每个ID名称只能使用一次,Class可以重复使用。序号选择器描述返回值示例1#ID...原创 2014-09-09 12:33:48 · 84 阅读 · 0 评论 -
jQuery使用正则在指定位置插入字符串
今天做一功能,大致功能是这样子的:一个UL里面有多个LI,根据页面也高计算一次性能容纳多少个LI,要是LI的总数超过每次容纳的,就弄一个新的UL。因为预先不知道每页能容纳多少个LI,所以需要在后台返回的一大堆LI里面找到正确的LI然后添加UL。找是找到了但是不知道怎么加,就在网上搜了一下,还搜到了,以下是链接及代码:链接:http://qiaolevip.iteye.com/blog/20...原创 2015-05-14 18:15:30 · 1779 阅读 · 0 评论 -
转:jQuery全选、反选与获取选中值
一直想写这么个特效来着,一直没写,今天看到有人发了挺全效果也挺好,就果断的转了。 转载链接:http://www.iteye.com/topic/1138022 1、页面布局:<body><ul id="list"> <li><label><input type="checkbox" value=&quo原创 2015-05-13 17:54:16 · 120 阅读 · 0 评论 -
jQuery鼠标滚轴
今天做一特效,挺简单的效果:默认情况下,左侧菜单全部显示(很多个菜单不允许出现滚动条)第一:每页显示个数根据根据窗口的高度来自动计算第二:上面的标记栏(类似于小图标)根据菜单的个数自动计算个数(菜单总数/每页显示个数)第三:点击“标记”时,自动切换到指定的页面第四:添加鼠标滚轴事件,向上滚依次向下翻一页,向下滚一次则向上翻一页(鼠标滚轴用的Jquery的插件:jquer...原创 2015-04-16 13:52:38 · 174 阅读 · 0 评论 -
Jquery对象和DOM对象之间的转换
在JS中,DOM对象只能操作DOM中的方法,Jquery对象只能操作Jquery中的方法,但有时候相应的对象中没有封装想要的方法或者不得不使用其他对象中的方法,就需要将两个对进行互相转换了。 Jquery转换成DOM对象:Jquery中提供了两种方法将一个Jquery对象转换成DOM,即:[index]和get(index)。1)[indx]方法:Jquery对象是一个数组对象,...原创 2014-09-01 18:23:25 · 197 阅读 · 0 评论 -
解决JQuery与其他库冲突的问题
当Jquery库和其他JavaScript库(如prototype)一起使用时,可能因为两者都使用$而产生冲突,如果想同时使用两者的功能,必须先解决这种冲突。Jquery库在其他库之后导入 1、使用jQuery.noConflict()函数在其他库和Jquery库都被加载完毕之后,可以在任何时候调用jQuery.noConflict()函数将变量$的控制权移交给其他JavaScr...原创 2014-09-01 15:39:47 · 249 阅读 · 0 评论 -
JQuery操作文档之删除节点
JQuery提供了两种方法来删除节点:remove()和empty()1.remove()作用是从DOM中删除所有匹配的元素,传入的参数用来根据JQuery表达式来筛选元素。值得一提的是:当使用remove()删除某个节点后,该节点所包含的的所有后代节点将同时被删除。这个方法的返回值是一个指向已被删除的节点的引用,因此可以在以后再使用这些元素。如:var $li = $(“ul ...原创 2014-09-01 15:32:03 · 162 阅读 · 0 评论 -
JQuery操作文档之插入节点
JQuery中提供了八个方法用来在文档的不同位置插入节点,具体如下: 序号方法描述示例1append()向每个匹配元素的内部追加内容($(A).append(B):在A的后面追加B,也就是将A作为B的最后一个子节点)HTML:<p>Hello</p>JQuery代码...原创 2014-09-01 15:29:36 · 196 阅读 · 0 评论 -
JQuery操作文档之包裹节点
如果要将某个节点用其他标记包裹起来,JQuery提供了三个方法:wrap()、wrapAll()、wrapInner(),这三个方法对于需要在文档中插入额外的结构化标记非常有用,而且它不会破坏原始文档的语义。 1.wrap()方法 将所有匹配元素用指定元素来包裹,所不同的是:它会将所有匹配元素进行单独的包裹。如: HTML: <p>Hello<...原创 2014-09-01 15:26:59 · 209 阅读 · 0 评论 -
转:JavaScript中的ActiveXObject控制Excel的方法
转载链接:JavaScript中的ActiveXObject控制Excel的方法 一、使用JavaScript中的ActiveXObject填充并设置Excel格式//1.创建实例并创建工作表var XLObj = new ActiveXObject("Excel.Application");//创建Excel实例var xlBook = XLObj.Workbooks.A...原创 2015-11-24 17:14:59 · 386 阅读 · 0 评论