很多开发人员在使用jquery在前端和服务器端进行数据交互，所以很容易会认为在前端利用jquery就可以读取任何站点的数据了。近日在进行开 发时，因为要和第三方公司的一个项目进行数据的共享，因为考虑多不占用服务器的资源，遂决定直接在html进行数据的读取，不走服务器端进行中转了。然后 正好就遇到了浏览器端跨域访问的问题。 跨域的安全限制都是指浏览器端来说的，服务器端不存在跨域安全限制的问题。 目前浏览器端跨域访问常用...
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用： 比如： <div id="dom"> <div></div> <div></div> <div></div></div> var a = docuemnt.getElementById("dom").getElementsByTagName_r("div"); 这样是没有问题的 此时a.length=3； 但是我们现在换一种...
方法一 【注】需把控件的 CSS 的 position 属性设置为 relative 或 absolute。 代码如下:<script type="text/javascript" src="js/jquery-1.8.0.js"></script> <script language="javascript"> $(document).ready(function(){ $("#right1").click(function(){ $(".block1").animate({left: +=50px}, "slow"); }); $("#left1").click(function(){ $(".block1").animate({left: -=50px}, "slow"); }); }); </script> 方法二 代码如...
一、载入 代码如下: <link href="../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" /> <script src="../lib/jquery/jquery-1.5.2.min.js" type="text/javascript"></script> <script src="../lib/ligerUI/js/ligerui.min.js" type="text/javascript"></script> <script src="../lib/ligerUI/js/plugins/ligerForm.js" type="text/javascript"></script> <script src="../lib/l...
第一种方法： 代码如下:<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>定时器</title> <script language="javascript" src="jquery-1.4.2.js"></script> <script language="javascript"> //使用setInterval间歇调用 (不建议使用该方...
1.用jquery 调用aspx内的函数: 代码如下:sajax("***.aspx/DoSave", //一个URL地址 ，指向函数所在的ASPX null,//参数， 所指向的ASPX的函数所需要的参数 showSaveResult);//执行成功之后执行的jS脚本 2.函数 sajax 代码如下:function sajax(url, data, successcallback){ $.ajax({ type: "POST", url: url, data: data, async: false, contentType:...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script language="javascript" src="../css02/js/jquery-1.6.1.js"></script> <script> $(document).ready(function(){ $("#selectAll").click(function(){ /...
代码如下://上下滚动 var textRoll=function(){ $(#notice p:last).css({height:0px,opacity: 0}).insertBefore(#notice p:first).animate({height:35px,opacity: 1}, slow, function() { $(this).removeAttr(style);}); } $(function(){ //触发上下文字滚动事件 var roll=setInterval(textRoll(),4000); $("#notice p").hover(function() { clearInterval(roll);...
当一个页面内容很长的时候，侧边栏栏目可能显得太短，当窗口滑动到靠下的位置，则侧边即失去了展示内容的机会。很多新闻资讯类网站如新浪、网易、CSDN等，会在边栏的右下角以固定的小弹窗形式，以提供更多的内容展示方式，但这并不适合博客和web2.0风格的网站。 现在很多的独立博客和网站如人人网等，都使用了让侧边栏模块随滚动条滑动而位置固定的效果。就是当一个页面很长的时候，设定侧栏内容会跟随滚动条，这种效果适用于评论较...
使用方法：下载jquery-1.9.1.js，然后设置CSS，图片文件放在images/new_feed/目录下，图片命名格式为bg_x.jpg,修改随机数产生范围 一、CSS代码代码如下:<style> body{ padding:0; background-attachment: fixed; background-clip: border-box; background-color: #666666; background-origin: padding-box; background-position: cent...
代码如下:$(function() { var $sidebar = $("#sidebar"), $window = $(window), offset = $sidebar.offset(), topPadding = 15; $window.scroll(function() { if ($window.scrollTop() > offset.top) { $sidebar.stop().animate({ marginTop: $window.scrollTop() - offset.top + topPadding }); } else { ...
有时我们不希望冒泡或默认的事件发生，这样就需要一些jQuery的的方法阻止冒泡和默认的事件了。可以通过以下三种方法做到不同程度的阻止。 A：return false --->In event handler ,prevents default behavior and event bubbing 。 return false 在事件的处理中，可以阻止默认事件和冒泡事件。 B：event.preventDefault()---> In event handler ,prevent default event (allows bubbling) 。 event.preventDefault()在事件的处理中，...
对于如何修饰html标签，这对于js来说，可以通过setAttribute来设置标签的属性，通过getAttribute来得到标签的属性，而在jq中当然也可以实现类似的功能，方法上肯定比js要简化多了。 一 通过修改标签属性来改变它的样式 js设置和获取标签的属性 代码如下: <script type="text/javascript"> window.onload = function () { var attr = document.getElementById("attr"); attr.setAttribute("style", "font-weight:bold;") alert(...
JQuery UI提供的API极大简化了拖拽功能的开发。只需要分别在拖拽源(source)和目标(target)上调用draggable和droppable两个函数即可。 拖拽原理 首先要明确几个概念。 ource：拖拽源，要拖动的元素。 taerget：拖放目标，能够放入source的容器。 拖拽的动作分解如下： 1. drag start：在拖拽源(source)上按下鼠标并开始移动 2. drag move: 移动过程中 3. drag enter: 移动进入目标(target)容器 4. drag lea...
需求 把含有rowspan、colspan的table还原。 例如原table为： 还原后的table为： 代码原理 对table进行遍历，如果td的rowspan属性值大于1，则给当前的td的父元素的兄弟元素添加td，如果td的colspan属性值大于1，则在当前的td元素后添加td 代码如下://本文首发博客园:http://artwl.cnblogs.com(2012/02/08)jQuery.fn.RevertTable=function(){ $("tr",this).each(function(trindex,tritem){ $(tritem).find("td").each(f...