老白干的zone

//节点遍历.next()获得同辈“挨着”的第一个元素，siblings()获得同辈所有元素 $(function () {//为所有的p元素增加onclick事件 $("p").click(function () { alert($(this).next().text()); }); //获得点击元素之后的“挨着的”同辈(可以是p,也可以是div,只要是同辈并且挨着)第一个元素的Text,若没值则弹出空框 $("p").

在最近项目中，ajax返回的数据格式为“XML”，如何对XML格式的数据进行解析？大部分项目如果使用ajax请求，返回数据格式基本上都是json格式；下面就以实际项目为例进行xml格式数据的分析。从报文中已经截获到xml格式的数据如下：

目前，jQuery作为一个优秀的javascript框架已经发行到了1.9版（提供295个方法），其优秀的设计理念和完美地兼容性，完全征服了这个时代。因其高效的版本更新，往往我们的学习速度跟不上它的更新速度。作为使用者，如何快速地掌握它，则已成为一大部分人的一个愿望。虽然它有着完善的API，但无奈英文水平太洼，只能望而却步。国内也有一些无私奉献的良民对其进行了翻译，但对于懒惰和忙碌的程序员来说，个

在当前网页效果中，瀑布流已经成了一种图片展示的方式，最近项目中设计师也把这种风格应用到了版面中，故在此进行了封装，以便重复利用。

最近，在网上看到一篇博文，主要讲解网页中抛物线运动，应用数学公式y=a*x*x+b*x+c;通过3个点确定a,b,c三个参数的值。他的思路是物体经过原点[0,0],则可以得到c=0,手工设置a的值，则只需要根据一个起始点得到b的值。

众所周知，现在的各大网站上，选项卡即Tab页签的效果遍地都是，在开发过程中根据个人习惯对其进行了封装.

移动（手机+平板）开发中经常会用到手指滑动时调用某些方法，成熟的框架如jquery mobile，zepto等都有相关的封装，但是在一些轻量级的开发中为了应用这个左右滑动，就把这整个框架引用进来，有点杀鸡用牛刀的感觉。鉴于此，我在最近的项目开发中封装了jquery.swipe.js的插件。

导语：在实际开发中，经常会调用一些其他域上提供的数据，其格式大部分为json格式的数据，怎么解决这种跨域问题呢，web前端开发工程师在面试中是经常会被问到的。因此特做一个小Demo以供大家参考。一、在外域的服务器上创建一个服务器端的文件（以asp.net开发为例）     创建一个一般处理程序json.ashx：public void ProcessRequest(Ht

在开发某网站系统时，经常会遇到什么什么掠影，什么什么产品等一大堆图片的逐个排列，为了交互效果更优美，在此实现所有图片可拖拽并且在拖拽过程中可以实现碰撞后的图片可以交换位置；如果没有碰撞的图片则要回归原位置。

在数字教育中，我们经常会遇到连线题，工作中对此种场景进行了封装，即jquery.toLine.js，在此插件中应用了前面谈到的Math.atan2

javascript代码： $(function () { $("input[value='事件']").bind("click", myfun1 = function () { $("#content").append("事件1"); }).bind("click", myfun2 = functi

//jquery选择器$("#div1")相当于id选择器，$("p")相当于Tagname选择器 $(function () {//为所有的段落添加onclick事件 $("p").click(function () { alert("为所有的段落添加onclick事件"); }); }); $(function () {

//$("div:first")选取第一个 //$("div:last")选取最后一个 //$("div:not(.myClass)")选取没有应用myClass的 //$("div:even")选取索引是奇数的,$("div:od

鼠标移上去和离开时 $(function () { /*$("#div1").bind("mouseover", function () { $("#div2").show(); }).bind("mouseout", function () { $("#div2").hide(); }); $("#div1").mouseover(function () {//show()比css更好用

//$.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);

<br /> //jQuery对象提供的方法，在jQuery中仅能调用jQuery对象封装好的方法 $(function () { alert($('#div1').html()); });//相当于：alert(document.getElementById("div1").innerHTML); html有参数就是赋值，无参数就是取值 $(function () { var div1 = document.getElementById("div1")

$(function () { $("input").click(function () { var arr = new Array(); $("input:checked").each(function (key, value) { arr[key] = $(value).val(); });//遍历选中元素对象数组往arr中灌值 $("#content").te

//$(:input)选取所有,,,,为以后表单元素的选取服务不同于→只能选中所有的input标签，不能选中textarea等 //$(":text")→$("input[type=text]") //$(":password")和$(":checkbox")等都有这些选中全部的简写 $(function () {//设置节点属性 $("a:first").attr("href", "http://www.bai

javascript代码： $(function () { $("#eq").click(function () { var txt1 = $("#txt1").val(); if (isNaN(txt1)||txt1=="") { alert("第一个数是非数字，请重新输入"); $("#txt1").focus()

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;}

javascript代码： $("#setValue").click(function () { //$("input[name=gender]").val(["女"]); $(":radio[name=gender]").val(["女"]);//[]在设值时不能少 $("input[type=checkbox]").val(["歌曲一", "歌曲三"]);//一次可以设置多个

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

新年上班第一天，研究了下requirejs，现写了一个跑马灯的插件，分享出来供大家参考。