jquery 应用小结
<!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>
<title></title>
<script src="jquery-1.4.4.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(
function()
{
$("#btn").bind("click",function()
{
var arr=new Array();
$("input[name='ck1']:checked").each( function(){
arr.push($(this).val());
});
//array.push($(this).val());
alert(arr.join(','));
//alert("ok");
for(var i=0;i<arr.length;i++)
{
alert(arr[i]);
}
}
)
}
)
</script>
</head>
<body>
<input type="checkbox" name="ck1" id="1c" value='1'>1</input>
<input type="checkbox" name="ck1" id="2c" value='2'>2</input>
<input type="checkbox" name="ck1" id="3c" value='3'>3</input>
<input type="checkbox" name="ck1" id="4c" value='4'>4</input>
<input type="checkbox" name="ck1" id="5c" value='5'>5</input>
<input type="checkbox" name="ck1" id="6c" value='6'>6</input>
<input type="button" id="btn" value="提交"/>
</body>
</html>
------------------------写法2：
var valArr=new Array();
$("input[name='ck1']").each(function(i){
valArr[i]=$(this).val();
})
var priv=valArr.join(',');
alert(priv);
------------------------------------------------------------------
<!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>
<title></title>
<script src="jquery-1.4.4.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(
function()
{
var arr=new Array();
var arrIndex=new Array();
var arrItem=new Array();
var arrtype=new Array();
var arrSS=new Array();
var arrLL=new Array();
$("#btn").bind("click",function(){
alert("ok");
$("input").each(function(index,item)
{
arr.push($(this).attr("name"));
arrIndex.push(index);
arrItem.push(item);
if($(this).attr("type")=="text")
{
arrtype.push($(this).val())
}
})
$("input[type='checkbox']:checked").each(function(){
arrSS.push($(this).val());
})
$("input[type='checkbox'][name='ck8']:checked").each(function(){
arrLL.push($(this).val());
})
//alert(arr.join(','));
// alert(arrIndex.join(','));
//alert(arrItem.join(','));
$("#1").html(arr.join(','))
$("#2").html(arrIndex.join(','))
$("#3").html(arrItem.join(','))
$("#4").html(arrtype.join(','))
$("#5").html(arrSS.join(','))
$("#6").html(arrLL.join(','))
})
}
)
</script>
</head>
<body>
<input type="checkbox" name="ck1" id="1c" value='1'>1</input>
<input type="checkbox" name="ck1" id="2c" value='2'>2</input>
<input type="checkbox" name="ck1" id="3c" value='3'>3</input>
<input type="checkbox" name="ck1" id="4c" value='4'>4</input>
<input type="checkbox" name="ck1" id="5c" value='5'>5</input>
<input type="checkbox" name="ck1" id="6c" value='6'>6</input>
<input type="text" name="ck7" id="7c" value='7'>7</input>
<input type="checkbox" name="ck8" id="8c" value='8'>8</input>
<input type="button" id="btn" value="提交"/>
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
<div id="5"></div>
</body>
</html>
-------------------------------------------------------------------
根据name取值：
$("input[name='mobile']").val()
根据id取值:
$("#mobile_reg_form").html()
根据name取值了遍历：
$("input[name='mobile']").each(
function(){
alert($(this).val());
}
)
取出form中的input：
<script type="text/javascript" language="JavaScript" charset="UTF-8">
$(document).ready(function(){
var a=$("form input");
$.each(
a,
function(name,object){
alert(name+":"+$(object).val());
}
);
});
</script>
得到值（多个的情况）：
$("input[name='mobile']")[0].value
$("input[name='mobile']").get(1).value
-----jquery添加删除样式--------
给一个标签添加样式:
$("#id").addClass("style");
删除一个标签的样式:
$("#id").removeClass("style");
注:"#id" id是对应标签的id,style是对应css样式的名
设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
input[type='checkbox']{margin:5px;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
----------------------
jquery视频：http://edu.csdn.net/course/detail/237
jQuery each用法及each解析json
http://www.cnblogs.com/huangyong8585/archive/2012/03/29/2423028.html
http://blog.sina.com.cn/s/blog_636f2d150101ezs1.html
http://www.cnblogs.com/xiaojinhe2/archive/2011/10/12/2208740.html
$().ready(function()
{
var arr1=["AAA","BBB","CCC"];
var arr2=[['a','aa','aaa'],['b','bb','bbb'],['c','cc','ccc']]
var obj={one:1,
two:2,
three:3,
four:[{hh:11,yy:22,ZZ:33},{MM:44,NN:55,TT:66}]
};
$("#btn").bind("click",function(){
alert("ok");
$.each(obj,function(key,val){
if(key=="four")
{
alert(key);
$.each(val,function(key,val){
alert(key);
//alert(val);
$.each(val,function(m,n){
alert(m);
alert(n);
})
})
}
})
})
})
Jquery 对Table的选择：
http://www.iteye.com/problems/95533
1.》如果指定了id，可以直接通过$("#"+id).text()获取元素包含的文本。
2.》如果想获取table中指定tr或者td中的某个元素的文本，可以这么写：
$(
$("#"+tableid+" tr").get(index)).find('td').each(function(i){
if(i==位置){
$(this).text();//指定位置的tr下，指定位置的td包含的文本
}
}
);
jquery 应用小结的更多相关文章
- Jquery Mobile 小结
第一次做一个移动站点,当时纠结选Jquery Mobile还是Zepto,Zepto相对于JM更加轻巧,语法上面也很相似,但考虑到时间问题和JM自带了很多组件(Bootstrap惯出来的),还是选择了 ...
- jQuery用法小结
jQuery加载1.$(document).ready()2.添加css样式:单个:$("p").css("color","red"); 多 ...
- jQuery学习小结3——AJAX
一.jQuery的Ajax方法 jQuery对Ajax 做了大量的封装,使用起来也较为方便,不需要去考虑浏览器兼容性.对于封装的方式,jQuery 采用了三层封装: 最底层的封装方法为——$.ajax ...
- jQuery学习小结2——动画
一.基础动画 方法名 说明 show([speed,[easing],[fn]])hide([speed,[easing],[fn]]) speed:三种预定速度之一的字符串("slow&q ...
- jQuery学习小结1-CSS操作+事件
一.DOM对象和jQuery 对象互换 1.jQuery对象 就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法.比如: $(&quo ...
- Jquery 使用小结
JQuery API中文档地址:http://www.hemin.cn/jq/index.html JQuery 中文社区:http://www.jquery.org.cn/ 1.siblings() ...
- jQuery 学习小结
1,jQuery是一个简单的JavaScript库,提供了一系列辅助函数:以下简称jq; 使用jq时,通常将jq代码放到head部分的事件处理方法中,也可以将其单独写出 .js 文件,引入:但无论哪种 ...
- jQuery使用小结
$(document).ready( function(){} ); 选择器 $("p:first") 第一个元素 $("p.intro" ...
- jquery技巧小结
由于主要还是负责后端,所以前端很多东西都不熟悉,jQuery作为web开发必备技能,有很多知识点,老是记不清楚,所以在这边整理一下. 1.加载页面后执行 $(function(){ //程序段 }) ...
随机推荐
- win7下的IP-主机名映射
今天学了个技巧,win7下有个目录:C:\Windows\System32\drivers\etc 该目录下有个文件: hosts 在这个文件里面我们可以映射IP-主机名: 127.0.0.1 loc ...
- Heritrix源码分析(十四) 如何让Heritrix不间断的抓取（转）
欢迎加入Heritrix群(QQ):109148319,10447185 , Lucene/Solr群(QQ) : 118972724 本博客已迁移到本人独立博客: http://www.yun5u ...
- Android应用开发学习—Toast使用方法大全
Toast 是一个 View 视图,快速的为用户显示少量的信息. Toast 在应用程序上浮动显示信息给用户,它永远不会获得焦点,不影响用户的输入等操作,主要用于 一些帮助 / 提示. Toast 最 ...
- ArcEngine下投影坐标和经纬度坐标的相互转换
jojojojo2002 原文 ArcEngine下投影坐标和经纬度坐标的相互转换 投影转经纬度 private IPoint PRJtoGCS( double x, double y) { IPoi ...
- 让Fragment监听返回键
Activity可以很容易的得到物理返回键的监听事件,而Fragment却不能.所以使用到了以下的方法. 首先创建一个抽象类BackHandledFragment,该类有一个抽象方法onBackPre ...
- hdu 4508 湫湫系列故事——减肥记I（完全背包）
题意:完全背包 思路:完全背包 可以直接转化为 多重背包,num[i]=_v/c[i];//转为多重背包然后运用 多重背包 3种解法如下码1: #include<iostream> #in ...
- 获取当前的 viewController
- (UIViewController *)currentController { UIViewController *result = nil; UIWindow *window = [ ...
- 数往知来 ASP.NET 模拟服务器:服务端_静态页面_动态页面的响应<十七>
一.客户端是怎么看到我们的网页的呢/ 在浏览器端,如果用汉语请求的是一普通的HTML网页,呢么我们的IIS服务器, 接收到请求以后,那么从IIS服务器所在的电脑区查找该HTML网页, 找到以后将该 ...
- 《C陷阱与缺陷》读书笔记
1. 词法“陷阱” = 不同于 == , 可以通过if( 1 == a )来避免 & | 不同于 && || 词法分析中的“贪心法” 编译器将程序分解成符号的方法是,从左到右一 ...
- 设计模式 策略-Strategy，装饰-Decorator，观察者-Observer
重温了Head First 3个设计模式.提炼一下思想,笔记如下. 策略-Strategy 当一个类或类族中重复实现某些同类的方法(behavior)时,考虑使用策略模式. 该模式是将Behavior ...