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>

时间: 2024-10-08 13:30:59

jquery 应用小结的相关文章

(转)Jquery Mobile 小结

Jquery Mobile 小结 2015-05-15 06:31 by stoneniqiu, 2771 阅读, 26 评论, 收藏, 编辑 第一次做一个移动站点,当时纠结选Jquery Mobile还是Zepto,Zepto相对于JM更加轻巧,语法上面也很相似,但考虑到时间问题和JM自带了很多组件(Bootstrap惯出来的),还是选择了JM.JM主要通过data-role来定义页面控件,比如定义一个page,<div data-role="page"></div

Jquery Mobile 小结

第一次做一个移动站点,当时纠结选Jquery Mobile还是Zepto,Zepto相对于JM更加轻巧,语法上面也很相似,但考虑到时间问题和JM自带了很多组件(Bootstrap惯出来的),还是选择了JM.JM主要通过data-role来定义页面控件,比如定义一个page,<div data-role="page"></div> 以及data-xx属性来对控件进行修饰.比如定义一个mini的button:<a data-role='button' data

Jquery 使用小结

JQuery API中文档地址:http://www.hemin.cn/jq/index.html JQuery 中文社区:http://www.jquery.org.cn/ 1.siblings() 取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合.可以用可选的表达式进行筛选. //同辈元素只能设一个样式为selected $ele.parent().addClass("selected").siblings().removeClass("selected

jquery技巧小结

由于主要还是负责后端,所以前端很多东西都不熟悉,jQuery作为web开发必备技能,有很多知识点,老是记不清楚,所以在这边整理一下. 1.加载页面后执行 $(function(){ //程序段 }) 2.点击事件 $("#xxx").click(function(){ //程序段 }) 3.给元素添加class,或者改变class $("#xxx").addClass("class1"); //点击时候改变样式 $("#aaa"

jQuery 学习小结

1,jQuery是一个简单的JavaScript库,提供了一系列辅助函数:以下简称jq; 使用jq时,通常将jq代码放到head部分的事件处理方法中,也可以将其单独写出 .js 文件,引入:但无论哪种使用形式,使用ja之前都要先引用有jq的文件,可以到jquery的官网下载,然后<script src="jquery库文件地址"></script> 2,jq的代码一般封装到$(document).ready(function(){  //代码段:})中,类似于J

jquery插件小结

用法一 <p>hello world!</p> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> jQuery.fn.goShop = function() { return this.each(function() { jQuery('body').appen

Jquery使用小结

这周都在做前端页面的开发,用了Jquery知识比較多,方便以后使用.就做一个小总结吧. 清空某个元素以下的全部子元素: $("#tickey_content").empty(); 循环数值: $.each(contents, function(i, item){ createContent(item.userName, item.createDate, item.content, item.filePath, item.fileName, item.role); }); 获取Label

jQuery用法小结

filtering过滤: .not('' ) 在所选元素集合中,  排除特定的元素 $( "li" ).not( ":even" ).css( "background-color", "red" ); .filter('') 在所选集合中,选定特定的元素:与.not( )相反: .eq(num )  num:0 1 2 3 4... .has(“ul”)  $( "li" ).has( "ul&q

jQuery编程小结

加载jQuery 1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢.点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地址. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script>window.jQuery

jQuery学习小结

1.jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 2.jQuery Fading 方法 通过 jQuery,您可以实现元素的淡入淡出效果.