Html代码： 代码如下: function jsonTest1() { $.ajax({ url:"Handler.ashx", data:{"type":"ajax"}, datatype:"json", type:"get", success:function(data) { document.getElementById('div1').innerHTML=data;//因为mime类型是文本 所以返回回来的是json格式的字符串 } }); } function jsonTest2() { $.getJSON( 'Handler.ashx', {'type': 'json','name':'qixuejia' }, //类型格式 function(data) { for(var i=0;i{ alert(dat...
分享一个控制左右滚动及自动滚动的样例, 昨晚花了两个多小时, 忍受着悍蚊的叮咬, 汗水的侵袭, 一行行的敲出来的血汗代码. 哈哈. 封装了两种模式: 点击滚动版本DEMO 自动滚动版本DEMO,源码中有详细注释. 思路: 点击滚动模式下,是为点击(向前/向后/数字)添加click事件,通过控制展示区块left值实现切换. 1.向前(左):当在第一个版面时,滚动到最后一个页面,否则,累加left值,向前滚动; 2.向后(右):当在最后一个版面时,滚动到第一个页面,否...
效果如下：这是菜单的内容，用ul标签实现菜单： 代码如下: 菜单一 子菜单1 子菜单2 子菜单7 子菜单3 菜单二 子菜单4 子菜单5 子菜单6 这是CSS控制代码： 代码如下: ul,ol,li{list-style:none;padding:0px;margin:0px;} #menu *{line-height:30px;} #menu a{ text-decoration:none; display:block; } #menu ul{ text-align:left; background:#333; } #menu .arrow{ /* 菜单项的右侧小箭头 */ float:right; padding-ri...
jsTree 是基于jquery的树插件，支持拖放、复制、删除、快捷键、多选、自定义节点图标、自定义右键菜单、跨页面保存状态等等，总之我想到的它基本上都有了，而且最值得表扬的是它让人感觉一点都不慢哦。 jsTree有节点选择事件，即 代码如下: .bind("select_node.jstree", function(e, data) { //alert(data.rslt.obj.attr("id") + ":" + data.rslt.obj.attr("rel")); }) 其实我认为它更像是节点的单击事件，因为每次点节点的时候它...
代码如下: JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中touchstart事件与click事件冲突的解决方法完美解决axios在ie下的兼容性问题在vue项目中引入highcharts图表的方法(详解)Vue的轮播图组件实现方法angular基于ng-alain定义自己...
效果图:代码： 代码如下: $(function() { $("#Text1").keyup(function() { var filterText = $(this).val(); $("# tr").not(":first").hide().filter(":contains('" + filterText + "')").show();; }).keyup(); }); JQuery代码就： 代码如下: $(function() { $("#Text1").keyup(function() { var filterText = $(this).val(); $("# tr").not(":first").hide().filter(":contains('" + filterText + "')").show();;...
在dilog的open事件中 添加如下代码段 代码如下:$("#dlgSearch").dialog({ autoOpen: false, bgiframe: true, width: 600, //height: 225, modal: true, resizable: false, open: function() { //jquery之dialog的键盘事件(输入完毕回车检索) $(this).bind("keypress.ui-dialog", function(event) { if (event.keyCode == $.ui.keyCode.ENTER) { alert("enter pressed!"); } }); }, buttons: { "取消": function() { $(this).dialog...
在对象的私有扩展对象上，专门增加了一个名为 events 的事件管理对象，在这个对象上每种事件分别对应一个同名的属性，这个属性的值是一个数组，针对这个事件的处理程序依次压入这个数组中，构成一个事件处理的列表。自定义的事件处理函数即被压入这个列表中。 在事件触发的时候，通过注册的匿名函数来执行 jQuery.event.handle ，由于使用了闭包，所以在这个函数中的 this 就是事件源对象，通过这个事件源对象找到对象的私有扩展数...
本文用到了博客园TerryFeng的例子。 Html,JS代码: 代码如下: 无标题页 $( function (){ $('#dialog').dialog({ autoOpen: false, width: 600, buttons: { "Ok": function() { alert("OK"); $(this).dialog("close"); }, "Cancel": function() { alert("Cancel"); $(this).dialog("close"); } } }); } ) function show() { $('#dialog').dialog('open'); } function ajax1() { $.ajax({ type:"get", url:"action/test.ash...
这个数据当然要通过属性来进行存取，但是，有多个属性怎么办呢？，要定义多个属性吗？，属性的名字叫什么呢？会不会与其他的属性有冲突呢？ 在 jQuery 中，针对 DOM 对象扩展的私有数据可以用一个对象来表示，多个数据就使用这个对象的多个属性来表示。为了能够通过 DOM 对象找到这个扩展数据对象，而不会与其他现有的属性冲突，在 jQuery 中通过 expando 这个常量表示扩展对象的属性名，这个 expando 的值是计算出来的。而这个属性...
核心部分实现了两种选择器，使用 id 和标记名，还可以提供 css 的设置，以及 text 的设置。 代码如下: // # 表示在 jQuery 1.4.2 中对应的行数 // 定义变量 undefined 方便使用 var undefined = undefined; // jQuery 是一个函数，其实调用 jQuery.fn.init 创建对象 var $ = jQuery = window.$ = window.jQuery // #19 = function (selector, context) { return new jQuery.fn.init(selector, context); }; // 用来检查是否是一个...
jQuery.fn.extend 提供了一个扩展机制，可以方便我们通过一个或者多个示例对象来扩展某个对象。如果没有指定被扩展的对象，那么将扩展到自己身上。jQuery.extend 也可以通过 jQuery.fn.extend 使用， 在 jQuery 中使用很多，用来为一个目标对象扩展成员，扩展的成员来自于一系列参考对象。 这样，如果我们需要为 jQuery.fn 扩展成员 removeData，就可以这样进行。 代码如下: jQuery.fn.extend( { removeData: function( key ) { r...
代码如下: // 创建 XHR 对象 var xhr; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else if (window.ActiveXObject) { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } else { throw new Error("Ajax is not supported by this browser"); } function ready() { alert("Start......"); // 通过事件来处理异步请求 xhr.onreadystatechange = function() { if( xhr.readyState == 4 ) { alert( "Ready."); if( xhr.s...
今天试过json[i].remove(),json.remove(i)之后都不行，看网页的DOM对象中好像JSON数据是以数组的形式出现的，查阅了下相关JS中数组的操作一试果然很爽。 记录下来。 1、数组的创建 代码如下: var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值 要说...
加载google的jquery库<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script> 有利于加快加载速度（已经得到验证）。 修改图片src更新图片 $(imageobj).attr(src, $(imageobj).attr(src) + ? + Math.random() ); 这是很实用的技巧，曾经有人问明河，为什么他已经修改了图片的src，但图片没变化呢？原因在于缓存，给图片路径后加个随机数参数即可。 加载多张图片，判断...