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 ...
随机推荐
- mysql中数据类型的取值范围
mysql整型bigint.int.mediumint.smallint 和 tinyint的语法介绍,如下: 1.bigint 从 -2^63 (-9223372036854775808) 到 2^ ...
- MicroStation VBA 操作提示
Sub TestShowCommand() ShowCommand "画条线" ShowPrompt "选择第一个点" ShowStatus "选择第 ...
- [转载]50个Demo展示HTML5无穷的魅力
Flash和HTML5的比较已经成为现在最热门的主题之一,我们不去争论哪个好哪个不好.和HTML5在很酷的动画和简单的游戏等方面一样,除非HTML5在未来几年有一些重大发展,否则Flash在富内容网页 ...
- php示例代码之 使用PHP的MySQL标准函数
<?php //连接参数 $host="localhost"; $user="root"; $pwd="111111"; $db=&q ...
- Unknown tag
<c:forEach items="" var="" varStatus="s">缺少<%@ taglib uri=&qu ...
- 【转载】CentOS 6.4下Squid代理服务器的安装与配置
一.简介 代理服务器英文全称是Proxy Server,其功能就是代理网络用户去取得网络信息. Squid是一个缓存Internet 数据的软件,其接收用户的下载申请,并自动处理所下载的数据.当一个用 ...
- srping MVC 工程简单搭建
Spring版本:3.2.2.RELEASE 第一步:导入必须的jar包 spring-beans.jar spring-context.jar spring-core.jar spring-expr ...
- Makefile内嵌函数
subst字符串替换函数 $(subst <from>, <to>, <text>),把<text>中的<from>字符串替换成<to ...
- Linux Gitlab
一.简介 GitLab是利用 Ruby on Rails 一个开源的版本管理系统,实现一个自托管的Git项目仓库,可通过Web界面进行访问公开的或者私人项目.它拥有与Github类似的功能,能够浏览源 ...
- c++关于析构的那点小事(个人吐槽向
#include<iostream> using namespace std; class test { int *i; public: test(int n) { i = new int ...