Jquery 一 简单使用
来源:互联网 发布:彩票双色球数据分析 编辑:程序博客网 时间:2024/05/16 12:03
1.引用:<script language="javascript" type="text/javascript" src="Jscript/jquery-1.4.2.min.js"></script>
2.页面加载,弹出框
<script type="text/javascript">
$(document).ready(function(){
alert("HI,在火,www.atfire.cn");
})
</script>
3.修改同级 和儿子的属性
<script type="text/javascript">
$(function(){
$(".divTitle").click(function(){
$(this).addClass("divCurrColor").next(".divContent").css("display","block");
});
});
</script>
4.获取对象的值
<script type="text/javascript">
$(function(){
$("#btnSubmit").click(function(){ //根据id获取对象
var oTxtValue=$("#Text1").val(); //获取文本框的值
var oRdoValue=$("#Radio1").is (":checked")?"男":"女"; //获取单选框按钮值
var oChkValue=$("#Checkbox1").is (":checked")?"已婚":"未婚";//获取复选框按钮值
$("#divTip").css("display","block").html(oTxtValue+"<br>"+oRdoValue+"<br>"+oChkValue); //显示提示文本元素
})
})
</script>
5. 点击切换样式
$(function(){
$(".divDefalut").click(function(){
$(this).toggleClass("divClick").html("点击后的样式"); //toggleClass还可以加参数 toggleClass("divClick",bool)
});
});
- Jquery 一 简单使用
- JQuery easyui datagrid简单使用(一)
- jQuery简单示例 一
- jQuery - slider 控件的简单使用(一)
- 简单jQuery使用技巧
- jquery的简单使用
- jquery validate 简单使用
- Jquery事件简单使用
- jquery-easyui简单使用
- jQuery简单使用整理
- jQuery的简单使用
- JQuery ZTree简单使用
- jquery使用一
- 使用jQuery(一)
- git 简单使用(一)
- libevent(一):简单使用
- GCD简单使用一
- Oracle简单使用【一】
- php中乱码解决方法集合
- 转发消息免费送资料啦
- PowerCenter服务启动问题
- How To Handle Row Selection in UITableView
- xcode编译器指令使用指南
- Jquery 一 简单使用
- gcc和g++的使用
- 一种科学的思维方式
- NSPredicate的用法
- IOS TableView 详解
- Android设备的识别
- 程序员的出路---转载
- 在Linux的应用程序里面调用shell
- GridControl 笔记