jquery常用代码
转自:未找到
以下是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常用代码的更多相关文章
- jquery常用代码集锦
1. 如何修改jquery默认编码(例如默认GB2312改成 UTF-8 ) 1 2 3 4 5 $.ajaxSetup({ ajaxSettings : { contentT ...
- Jquery学习总结(1)——Jquery常用代码片段汇总
1. 禁止右键点击 ? 1 2 3 4 5 $(document).ready(function(){ $(document).bind("contextmenu",fun ...
- jQuery常用代码片段
检测IE浏览器 在进行CSS设计时,IE浏览器对开发者及设计师而言无疑是个麻烦.尽管IE6的黑暗时代已经过去,IE浏览器家族的人气亦在不断下滑,但我们仍然有必要对其进行检测.当然,以下片段亦可用于检测 ...
- JQuery常用代码汇总
获取<input />的value $("#id").val( ); 标签间的html $("#id").html('<tr><t ...
- jQuery 常用代码集锦
1. 选择或者不选页面上全部复选框 var tog = false; // or true if they are checked on load $('a').click(function() { ...
- 【js】前端 js/jquery 常用代码和实践
1.获取某天后几天的日期 //d为传入的日期 days为d后面的几天function getAfterDate(d,days){ var dd = new Date(d); dd.setDate(dd ...
- js|jquery常用代码
页面重定位: window.location.replace("http://www.bczs.net"); window.location.href = "http:/ ...
- js及jquery常用代码
1.获取屏幕尺寸 document.documentElement.scrollWidth; document.documentElement.scrollHeight; $(window).widt ...
- JQuery 常用代码
1.选择器 1.根据标签名: $('p') 选择文档中的所有段落 2. 根据ID: $("#some-id") 3.类: $('.some-class') $('.t ...
随机推荐
- 快速提升word文档编写质量
1.调整样式顺序
- 给现有MVC 项目添加 WebAPI
1. 增加一个WebApi Controller, VS 会自动添加相关的引用,主要有System.Web.Http,System.Web.Http.WebHost,System.Net.Http 2 ...
- 【mysql】数据库使用的一些规范
一.MySQL存在的问题 优化器对复杂SQL支持不好 对SQL标准支持不好 大规模集群方案不成熟,主要指中间件 ID生成器,全局自增ID 异步逻辑复制,数据安全性问题 Online DDL HA方案不 ...
- MYSQL 5.7 添加新用户
错误描述: 添加用户 insert into mysql.user(Host,User,Password) values("localhost","test", ...
- Linux学习--------一
用户不能直接操作Kemel,所以需要通过Shell来操作Kemel(内核) Shell 分为CLI与GUI两种 CLI:Command Line Interface GUI:Graphical Use ...
- 中科院分词ICTCLAS导入用户词典后分词结果一样?
package ICTCLAS.I3S.Test; import java.io.UnsupportedEncodingException; import ICTCLAS.I3S.AC.ICTCLAS ...
- ELF Format 笔记(七)—— 符号表
最是那一低头的温柔,像一朵水莲花不胜凉风的娇羞,道一声珍重,道一声珍重,那一声珍重里有蜜甜的忧愁 —— 徐志摩 ilocker:关注 Android 安全(新手) QQ: 2597294287 符号表 ...
- Stanford机器学习笔记-7. Machine Learning System Design
7 Machine Learning System Design Content 7 Machine Learning System Design 7.1 Prioritizing What to W ...
- wamp5设置外网访问方法
1.安装完Wamp5之后,从外网访问网页时存在无法访问问题. 2.phpmyadmin外网没法访问 1.解决办法: 打开wamp的托盘图标(右下角),找到"Config files" ...
- Flash 二进制传图片到后台Java服务器接收
需求:把客户端处理过的图片返还给服务器Flash端代码 01 package {02 import com.adobe.images.JPGEncoder; 03 import ...