转自:未找到

以下是jquery中比较常用的一些操作实现方式:
$("标签名") //取html元素
document.getElementsByTagName("") 
$("#ID")
//取单个控件document.getElementById("") 
$("div #ID") //取某个控件中 控件 
$("#ID
#ID") // 通过控件ID取其中的控件 
$("标签.class样式名") //通过class来取控件 
$("#ID").val();
//取value值 
$("#ID").val(""); //赋值 
$("#ID").hide(); //隐藏 

$("#ID").show(); //显示 
$("#ID").text(); //相当于取innerHTML 

$("#ID").text(""); //相当于innerHTML="" 
$("#ID").css("属性","值") //添加CSS样式 

$("form#表单id").find("#所找控件id").end() //遍历表单 
$("#ID").load("*.html")
//载入一个文件 
例如: 
$("form#frmMain").find("#ne").css("border", "1px solid
#0f0").end() // end()返回表单 
.find("#chenes").css("border-top","3px dotted
#00f").end() 
$.ajax({ url: "Result.aspx", //数据请求页面的url 
type:"get",
//数据传递方式(get或post) 
dataType:"html", //期待数据返回的数据格式(例如 "xml", "html",
"script",或 "json") 
data: "chen=h", //传递数据的参数字符串,只适合get方式 
timeout:3000,
//设置时间延迟请求的时间 
success:function(msg)//当请求成功时触发函数 


$("#stats").text(msg); 
}, 
error:function(msg) //当请求失败时触发的函数 


$("#stats").text(msg); 

}); 

$(document).ready(function(){ 
$("#description").mouseover(function(){ 

//ajax方法 
$.get( "Result.aspx", //数据请求页面的url 
{ chen:
"测试",age:"25"}, //传递数据的参数字符串 
function(data){ alert("Data Loaded: " + data);
} //触发后的函数 
); 
}); 
}); 
//取得下拉选单的选取值 
$(#testSelect
option:selected').text(); //取文本值 

或$("#testSelect").find('option:selected').text(); 

或$("#testSelect").val();

ajax请求本页面后台方法

$.ajax({
url: "Default.aspx/Method",
data:
"{name:'hh',password:'123'}",
type: "post",
dataType:
"json",
contentType: "application/json;charset=utf-8",
success:
function(msg) {

},
error: function(xhr) {
}
});

后台方法
[WebMethod]
public static string Method(string name,string
password)
{
return "aa";
}

url:"本页面名称/方法名称";data的格式为json格式;dataType:
"json";contentType:"application/json;charset=utf-8";msg.d通过.d属性来取服务端返回的数据
后台方法里的注意地方:
方法由[WebMethod]修饰;方法必须是公共的静态方法;方法里的参数名称必须与脚本里data的参数名一样,顺序可以不一样

jquery常用代码的更多相关文章

  1. jquery常用代码集锦

    1. 如何修改jquery默认编码(例如默认GB2312改成 UTF-8 ) 1 2 3 4 5 $.ajaxSetup({     ajaxSettings : {         contentT ...

  2. Jquery学习总结(1)——Jquery常用代码片段汇总

    1. 禁止右键点击 ? 1 2 3 4 5 $(document).ready(function(){     $(document).bind("contextmenu",fun ...

  3. jQuery常用代码片段

    检测IE浏览器 在进行CSS设计时,IE浏览器对开发者及设计师而言无疑是个麻烦.尽管IE6的黑暗时代已经过去,IE浏览器家族的人气亦在不断下滑,但我们仍然有必要对其进行检测.当然,以下片段亦可用于检测 ...

  4. JQuery常用代码汇总

    获取<input />的value $("#id").val( ); 标签间的html $("#id").html('<tr><t ...

  5. jQuery 常用代码集锦

    1. 选择或者不选页面上全部复选框 var tog = false; // or true if they are checked on load $('a').click(function() { ...

  6. 【js】前端 js/jquery 常用代码和实践

    1.获取某天后几天的日期 //d为传入的日期 days为d后面的几天function getAfterDate(d,days){ var dd = new Date(d); dd.setDate(dd ...

  7. js|jquery常用代码

    页面重定位: window.location.replace("http://www.bczs.net"); window.location.href = "http:/ ...

  8. js及jquery常用代码

    1.获取屏幕尺寸 document.documentElement.scrollWidth; document.documentElement.scrollHeight; $(window).widt ...

  9. JQuery 常用代码

    1.选择器 1.根据标签名: $('p')  选择文档中的所有段落    2. 根据ID: $("#some-id")    3.类: $('.some-class') $('.t ...

随机推荐

  1. 快速提升word文档编写质量

    1.调整样式顺序

  2. 给现有MVC 项目添加 WebAPI

    1. 增加一个WebApi Controller, VS 会自动添加相关的引用,主要有System.Web.Http,System.Web.Http.WebHost,System.Net.Http 2 ...

  3. 【mysql】数据库使用的一些规范

    一.MySQL存在的问题 优化器对复杂SQL支持不好 对SQL标准支持不好 大规模集群方案不成熟,主要指中间件 ID生成器,全局自增ID 异步逻辑复制,数据安全性问题 Online DDL HA方案不 ...

  4. MYSQL 5.7 添加新用户

    错误描述: 添加用户 insert into mysql.user(Host,User,Password) values("localhost","test", ...

  5. Linux学习--------一

    用户不能直接操作Kemel,所以需要通过Shell来操作Kemel(内核) Shell 分为CLI与GUI两种 CLI:Command Line Interface GUI:Graphical Use ...

  6. 中科院分词ICTCLAS导入用户词典后分词结果一样?

    package ICTCLAS.I3S.Test; import java.io.UnsupportedEncodingException; import ICTCLAS.I3S.AC.ICTCLAS ...

  7. ELF Format 笔记(七)—— 符号表

    最是那一低头的温柔,像一朵水莲花不胜凉风的娇羞,道一声珍重,道一声珍重,那一声珍重里有蜜甜的忧愁 —— 徐志摩 ilocker:关注 Android 安全(新手) QQ: 2597294287 符号表 ...

  8. Stanford机器学习笔记-7. Machine Learning System Design

    7 Machine Learning System Design Content 7 Machine Learning System Design 7.1 Prioritizing What to W ...

  9. wamp5设置外网访问方法

    1.安装完Wamp5之后,从外网访问网页时存在无法访问问题. 2.phpmyadmin外网没法访问 1.解决办法: 打开wamp的托盘图标(右下角),找到"Config files" ...

  10. Flash 二进制传图片到后台Java服务器接收

    需求:把客户端处理过的图片返还给服务器Flash端代码 01 package {02     import com.adobe.images.JPGEncoder;    03     import  ...