![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Jquery
pvfhv
这个作者很懒,什么都没留下…
展开
-
Jquery的节点遍历
//节点遍历.next()获得同辈“挨着”的第一个元素,siblings()获得同辈所有元素 $(function () {//为所有的p元素增加onclick事件 $("p").click(function () { alert($(this).next().text()); }); //获得点击元素之后的“挨着的”同辈(可以是p,也可以是div,只要是同辈并且挨着)第一个元素的Text,若没值则弹出空框 $("p").原创 2011-02-13 21:08:00 · 2045 阅读 · 0 评论 -
jQuery读取XML文件
在最近项目中,ajax返回的数据格式为“XML”,如何对XML格式的数据进行解析?大部分项目如果使用ajax请求,返回数据格式基本上都是json格式;下面就以实际项目为例进行xml格式数据的分析。从报文中已经截获到xml格式的数据如下:原创 2013-05-15 12:50:32 · 4391 阅读 · 0 评论 -
jQuery最新版API视频完全呈现
目前,jQuery作为一个优秀的javascript框架已经发行到了1.9版(提供295个方法),其优秀的设计理念和完美地兼容性,完全征服了这个时代。因其高效的版本更新,往往我们的学习速度跟不上它的更新速度。作为使用者,如何快速地掌握它,则已成为一大部分人的一个愿望。虽然它有着完善的API,但无奈英文水平太洼,只能望而却步。国内也有一些无私奉献的良民对其进行了翻译,但对于懒惰和忙碌的程序员来说,个原创 2013-04-11 12:48:24 · 1995 阅读 · 0 评论 -
瀑布流插件——jquery.waterfall.js
在当前网页效果中,瀑布流已经成了一种图片展示的方式,最近项目中设计师也把这种风格应用到了版面中,故在此进行了封装,以便重复利用。原创 2008-10-28 10:35:00 · 5046 阅读 · 1 评论 -
抛物线组件——jquery.paracurve.js
最近,在网上看到一篇博文,主要讲解网页中抛物线运动,应用数学公式y=a*x*x+b*x+c;通过3个点确定a,b,c三个参数的值。他的思路是物体经过原点[0,0],则可以得到c=0,手工设置a的值,则只需要根据一个起始点得到b的值。原创 2011-02-07 12:53:00 · 1472 阅读 · 0 评论 -
选项卡插件jquery.tab.js和不用js写选项卡
众所周知,现在的各大网站上,选项卡即Tab页签的效果遍地都是,在开发过程中根据个人习惯对其进行了封装.原创 2010-04-08 14:04:00 · 784 阅读 · 0 评论 -
移动开发中的上下左右滑动插件jquery.swipe.js
移动(手机+平板)开发中经常会用到手指滑动时调用某些方法,成熟的框架如jquery mobile,zepto等都有相关的封装,但是在一些轻量级的开发中为了应用这个左右滑动,就把这整个框架引用进来,有点杀鸡用牛刀的感觉。鉴于此,我在最近的项目开发中封装了jquery.swipe.js的插件。原创 2008-12-05 07:02:00 · 8975 阅读 · 2 评论 -
jsonP——原生跨域和jquery方式跨域
导语:在实际开发中,经常会调用一些其他域上提供的数据,其格式大部分为json格式的数据,怎么解决这种跨域问题呢,web前端开发工程师在面试中是经常会被问到的。因此特做一个小Demo以供大家参考。一、在外域的服务器上创建一个服务器端的文件(以asp.net开发为例) 创建一个一般处理程序json.ashx:public void ProcessRequest(Ht原创 2012-12-16 18:46:06 · 1869 阅读 · 1 评论 -
可拖拽的图片墙
在开发某网站系统时,经常会遇到什么什么掠影,什么什么产品等一大堆图片的逐个排列,为了交互效果更优美,在此实现所有图片可拖拽并且在拖拽过程中可以实现碰撞后的图片可以交换位置;如果没有碰撞的图片则要回归原位置。原创 2010-06-08 09:30:00 · 4933 阅读 · 2 评论 -
网页中画直线组件jquery.toLine.js
在数字教育中,我们经常会遇到连线题,工作中对此种场景进行了封装,即jquery.toLine.js,在此插件中应用了前面谈到的Math.atan2原创 2008-11-02 21:42:00 · 2522 阅读 · 0 评论 -
事件中的一些范例
javascript代码: $(function () { $("input[value='事件']").bind("click", myfun1 = function () { $("#content").append("事件1"); }).bind("click", myfun2 = functi原创 2011-03-07 11:00:00 · 672 阅读 · 0 评论 -
Jquery的节点选择
//jquery选择器$("#div1")相当于id选择器,$("p")相当于Tagname选择器 $(function () {//为所有的段落添加onclick事件 $("p").click(function () { alert("为所有的段落添加onclick事件"); }); }); $(function () {原创 2011-02-13 20:41:00 · 1869 阅读 · 0 评论 -
Jquery的过滤器,以汇总表为例
//$("div:first")选取第一个 //$("div:last")选取最后一个 //$("div:not(.myClass)")选取没有应用myClass的 //$("div:even")选取索引是奇数的,$("div:od原创 2011-02-13 22:06:00 · 820 阅读 · 1 评论 -
qq的推拉效果(包括单击,鼠标移动上去离开)
鼠标移上去和离开时 $(function () { /*$("#div1").bind("mouseover", function () { $("#div2").show(); }).bind("mouseout", function () { $("#div2").hide(); }); $("#div1").mouseover(function () {//show()比css更好用原创 2011-03-07 10:57:00 · 873 阅读 · 0 评论 -
Jquery对数组提供的两个函数$.map(arr,fn)和$.each(arr,fn)
//$.map(arr,fn)对数组array中第个元素调用fn函数,fn函数将处理的结果返回到一个新array中,一般仅处理array风格的数组,不处理字典类型的数值 var arr = [1, 2, 3]; var arr2=$.map(arr, function (item) { return item * 2; });//item表示arr中每一个遍历的元素,fn返回一个新的arr alert(arr2);原创 2011-02-12 21:17:00 · 1707 阅读 · 0 评论 -
Jquery对象的处理方法
<br /> //jQuery对象提供的方法,在jQuery中仅能调用jQuery对象封装好的方法 $(function () { alert($('#div1').html()); });//相当于:alert(document.getElementById("div1").innerHTML); html有参数就是赋值,无参数就是取值 $(function () { var div1 = document.getElementById("div1")原创 2011-02-12 22:22:00 · 1781 阅读 · 0 评论 -
元素的each,动态检查选择内容(对一些checkbox的检查)
$(function () { $("input").click(function () { var arr = new Array(); $("input:checked").each(function (key, value) { arr[key] = $(value).val(); });//遍历选中元素对象数组往arr中灌值 $("#content").te原创 2011-02-14 14:10:00 · 603 阅读 · 0 评论 -
节点选取及删除等
//$(:input)选取所有,,,,为以后表单元素的选取服务不同于→只能选中所有的input标签,不能选中textarea等 //$(":text")→$("input[type=text]") //$(":password")和$(":checkbox")等都有这些选中全部的简写 $(function () {//设置节点属性 $("a:first").attr("href", "http://www.bai原创 2011-02-14 22:02:00 · 576 阅读 · 0 评论 -
加法计算器 按钮变脸 文本框变脸 无刷新评论 高亮显示点击的当前行 网站选择
javascript代码: $(function () { $("#eq").click(function () { var txt1 = $("#txt1").val(); if (isNaN(txt1)||txt1=="") { alert("第一个数是非数字,请重新输入"); $("#txt1").focus()原创 2011-02-16 16:36:00 · 773 阅读 · 0 评论 -
样式class的操作及实例
css样式: .bigfont{ font-size:30px;color:#f00;} .normal{ font-size:20px; color:#000;} .newstyle{ line-height:50px; font-style:italic;} .night{ background-color:#000;} .graybody{ filter:gray;} .yellowt{ background-color:#ff0;}原创 2011-02-17 10:36:00 · 1069 阅读 · 0 评论 -
radiobutton和checkbox及select通用的一些例子(充分利用val()和attr()两个方法)
javascript代码: $("#setValue").click(function () { //$("input[name=gender]").val(["女"]); $(":radio[name=gender]").val(["女"]);//[]在设值时不能少 $("input[type=checkbox]").val(["歌曲一", "歌曲三"]);//一次可以设置多个原创 2011-02-17 14:53:00 · 2103 阅读 · 1 评论 -
部分与全部内容的显示收缩功能
css样式: *{ margin:0; padding:0;} .SubCategoryBox{ margin:0 auto; width:600px;} .SubCategoryBox ul{ list-style-type:none;} .SubCategoryBox li{ float:left; width:200px; line-height:25px;} .a { text-decoration:none;} .showmore{ clea原创 2011-02-21 13:26:00 · 1527 阅读 · 0 评论 -
跑马灯组件
新年上班第一天,研究了下requirejs,现写了一个跑马灯的插件,分享出来供大家参考。原创 2008-10-28 23:53:00 · 777 阅读 · 0 评论