Ajax 请求
- $(function() {
- $('#send').click(function() {
- $.Ajax({
- type: "GET", //GET 或 POST,
- async:true, // 默认设置为 true, 所有请求均为异步请求.
- url: "http://www.idaima.com/xxxxx.php",
- data: {
- username: $("#username").val(),
- content: $("#content").val()
- },
- dataType: "json", //xml,html,script,JSONP,text
- beforeSend:function(){},
- complete:function(){},
- success: function(data) {
- alert(data)
- },
- error:function(){},
- });
- });
- });
获取 checkbox, 并判断是否选中
- $("input[type='checkbox']").is(':checked')
- // 返回结果: 选中 = true, 未选中 = false
获取 checkbox 选中的值
- var chk_value =[];
- $('input[name="test"]:checked').each(function(){
- chk_value.push($(this).val());
- });
checkbox 全选 / 反选 / 选择奇数
- $("document").ready(function() {
- $("#btn1").click(function() {
- $("[name='checkbox']").attr("checked", 'true'); // 全选
- }) $("#btn2").click(function() {
- $("[name='checkbox']").removeAttr("checked"); // 取消全选
- }) $("#btn3").click(function() {
- $("[name='checkbox']:even").attr("checked", 'true'); // 选中所有奇数
- }) $("#btn4").click(function() {
- $("[name='checkbox']").each(function() { // 反选
- if ($(this).attr("checked")) {
- $(this).removeAttr("checked");
- } else {
- $(this).attr("checked", 'true');
- }
- })
- })
- })
获取 select 下拉框的值
$("#select").val()
获取选中值, 三种方法都可以
- $('input:radio:checked').val();
- $("input[type='radio']:checked").val();
- $("input[name='rd']:checked").val();
设置第一个 Radio 为选中值
- $('input:radio:first').attr('checked', 'checked');
- $('input:radio:first').attr('checked', 'true');
设置最后一个 Radio 为选中值
- $('input:radio:last').attr('checked', 'checked');
- $('input:radio:last').attr('checked', 'true');
根据 Value 值设置 Radio 为选中值
- $("input:radio[value='rd2']").attr('checked','true');
- $("input[value='rd2']").attr('checked','true');
操作元素的样式
- $("#msg").CSS("background"); // 返回元素的背景颜色
- $("#msg").CSS("background","#ccc") // 设定元素背景为灰色
- $("#msg").height(300); $("#msg").width("200"); // 设定宽高
- $("#msg").CSS({
- color: "red", background: "blue"
- });// 以名值对的形式设定样式
- $("#msg").addClass("select"); // 为元素增加名称为 select 的 class
- $("#msg").removeClass("select"); // 删除元素名称为 select 的 class
- $("#msg").toggleClass("select"); // 如果存在 (不存在) 就删除 (添加) 名称为 select 的 class
jQuery 实现回车监听
- $(document).keyup(function(event){
- if(event.keyCode ==13){
- $("#submit").trigger("click");
- }
- });
来源: http://www.bubuko.com/infodetail-3075193.html