JQ常用方法(哈哈)

1ajax请求

$(function(){
   $("#send").click(function(){
     $.ajax({
     type:"get",
     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(){},
   })
  })
})

2, 获取checkbox,判断是否选中

$("input[type=‘checkbox‘]").is(‘:checked‘)
//返回结果:选中=true,未选中=false

3, 获取checkbox选中的值

var chk_value =[];
$(‘input[name="test"]:checked‘).each(function(){
chk_value.push($(this).val());
});

each() 方法规定为每个匹配元素规定运行的函数。

语法  $(selector).each(function(index,element))

4,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‘);
         }
      })
   })
})

5,根据索引值设置任意一个radio为选中值:

$(‘input:radio‘).eq(索引值).attr(‘checked‘, ‘true‘);//索引值=0,1,2....

6、jQuery对象与dom对象的转换 

普通的dom对象一般可以通过$()转换成jquery对象。 $(document.getElementById("msg"))

由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。
如:$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]

 
时间: 2024-08-04 20:58:28

JQ常用方法(哈哈)的相关文章

【前端学习笔记】JQuery事件细节、JQ进阶常用方法

事件细节----------------------- ev直接使用,不需要兼容操作 ev.pageX(Y) 鼠标的坐标(相对于文档) : ev.clientX(相对于窗口) ev.which(能监控鼠标键值) : ev.keyCode ev.preventDefault(); //阻止默认事件 ev.stopPropagation(); //阻止冒泡 事件函数结尾return false;既能阻止冒泡又能阻止默认事件 one() $('div').one('click',function(){

JQuery笔记总结------事件细节、JQ进阶常用方法

引入jQuery: <script src="./K1/Tool/jquery-3.1.1/jquery-3.1.1.min.js"></script> 引入CSS: <link rel="shortcut icon" type="image/x-icon" href="./images/icon.ico"> <link rel="stylesheet" type=

JQ/Js常用方法汇总-持续更新

1:定时运行脚本方法 1:定时运行脚本方法//每秒运行一次 setInterval(function() { console.info(1);//要执行的内容 }, 1000);

Jqury 初识 -jqury选择元素 、 $()下的常用方法

一.前言:认识jqury jqury: jQuery是一个兼容多浏览器的javascript库,提供了大量实用方法,简化了js操作.它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器 $( function(){ ...   }): 加载完执行 注意:使用jq注意先引入jq库.jq库的版本1(兼容低.高级浏览器) 版本2(兼容高级浏览器). 选择元素:模拟css选择元素,独有的表达式选择,多种筛选方法 jq写法:方法函数化 链式操作 取值赋值合体 与js可以共存,不可以混用 二.jqury选

jQuery基础与常用方法学习笔记

JQ与JS的关系:可以共存,不可混用.jq源码,源生JS面向对象写的 JQ写法 链式操作 $(‘#div’).html(‘hello’).css().click() 赋值取值合体 .html(‘hello’)赋值,html()取值  当一组元素的时候,取值是一组当中的第一个,赋值是一组中的所有元素 $() 可以选择元素,充当window.onload JQ的写法$(document).ready(),还可以创建节点$(‘<div>') $() 等dom加载完就执行,性能好些,相等于$(docu

(JS/JQ)与Ajax

JS与Ajax(异步JS和XML): 1.XMLHttpRequest对象的常用方法: open()准备请求   send()传送请求   abort()取消请求 readyState(请求状态码):0(未开始).1(开启).2(已传送).3(接收中).4(已载入) status(HTTP请求状态码):404(找不到文件).200(OK) onreadystatechange:请求状态改变时会被调用函数引用 responseText:服务器返回的纯文本字符串 responseXML:服务器返回的

JQ笔记-加强版

Query初级 一.介绍.基本写法 什么是JQ: 一个优秀的JS库,大型开发必备 JQ的好处: 简化JS的复杂操作 不再需要关心兼容性 提供大量实用方法 如何学习JQ: www.jquery.com JQ只是辅助工具,要正确面对 需要分阶段学习 JQ设计思想: 选择网页元素 模拟CSS选择元素 独有表达式选择 多种筛选方法 JQ写法 : 方法函数化 $(function(){ //var oDiv = $('#div1'); $('#div1').click(function(){ alert(

【前端学习笔记】JQuery的基本思想、常用方法

JQ思想------------------------ 1.模仿CSS获取元素 2.方法函数化,JQ以各种方法传参代替了JS的属性赋值操作 3.方法链式操作 4.和原生共存,写法不能混用 5.取值赋值合用一个方法,区别于加不加参数,当一组元素取值时, 取的是第一个元素的值,取出所有元素需要循环.而赋值时, 直接赋值给这组的每个元素 $()下的常用方法--------------------– has() 包含: 有包含的被选择,针对元素里面的东西 filter() 过滤: 满足条件的被选择,没

jQuery学习(五)——使用JQ完成复选框的全选和全不选

1.在系统后台进行人员管理时,进行批量删除,使用jq完成全选和全不选 步骤分析: 第一步:引入jquery文件 第二步:书写页面加载函数 第三步:为上面的复选框绑定单击事件 第四步:将下面所有的复选框的选中状态设置成跟上面的一致! 2.具体代码实现: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用jQuery完成复选框的全选和全不