zoukankan      html  css  js  c++  java
  • Jquery基础知识选择器记录并分享


    -----------------javascript----------------------
    1,打印信息
    console.log("Hello");
    2,数据类型
    var str1=""; var str2='';
    var bool = true;
    var pi=3.14;
    var obj=new Object();
    var obj={id:"",name:""};
    var obj={id:"",msg:function(){}};要在函数内引用对象的属性必须使用this关键字
    obj.sayHi=function(){}; 为对象添加方法
    delete obj.name; 删除对象的属性
    var hasName = "name" in obj; 检查对象是否拥有某个属性
    for(var prop in objs){} 迭代对象属性
    var arr=new Array();
    var arr=[100,"Admin",true];js数组能容纳任意类型的数据
    for(var i=0;i<arr.length;i++){} 枚举数组内容
    concat(otherArray) 把otherArray的元素添加到数组的末尾
    join(separator) 把数组所有的元素连接成一个字符串,并用分隔符分隔这些元素
    pop() 把数组当成栈,删除数组的最后一个元素并返回该元素(出栈)
    shift() 删除并返回的是数组的第一个元素
    push(item) 把数组当成栈,把item作为数组的最后一个元素追加到数组中(入栈)
    unshift(item) 把新元素添加到数组的开头
    reverse() 得到与原数组元素顺序相反的新数组
    slice(start,end) 返回一个子数组
    sort() 返回元素排序后的新数组
    splice(index,count) 从指定的索引index开始,在数组中删除count个元素

    3,使用if/else条件语句
    if(name=="Admin"){
    }else{
    }
    4,使用switch条件语句
    switch(name){
    case "Admin":
    console.log("");
    break;
    default:
    break;
    }
    5,异常处理
    try{
    }
    catch(e){
    }finally{
    }
    6,==与===的区别
    ==运算符仅测试操作数的值是否相等
    ===既检测值又检测类型是否相同
    对于基本类型比较运算比较的是值,对于对象比较运算比较的却是引用
    7,undefined与null的区别
    undefined
    读取一个变量,而该变量尚未被赋值
    读取一个不存在的对象属性
    null
    null不属于任何一个合法的类型,如var myData.weather=null;
    if(!myData.name){} 检查变量或属性是否为null或undefined
    8,其他
    var data=5+"5"; 输出55 字符串连接运算符比加法允许符优先级高
    document.getElementsByTagName("img");
    document.createElement("img");
    ---------------------jquery-----------------------
    jQuery1.x
    jQuery2.x 不再支持IE6,IE7,IE8

    $(document).ready(function(){});
    $(function(){});
    $.post(
    "", //url:待载入页面的URL地址
    {}, //data:待发送key/value参数
    "", //type:json,text
    function(data){ //callback:回调函数
    }
    );
    $.ajax({
    url:"",
    type:"POST",
    data:"",
    dataType:"json",
    success:function(msg){
    },
    error:function(msg){
    }
    });

    选择元素(基本选择器)
    $("#id");
    $(".class");

    $("*") 选取所有元素
    $("p") 选取所有 <p> 元素
    $(".intro.demo") 选取所有 class="intro" 且 class="demo" 的元素
    $("p:first")第一个 <p> 元素 $("p:last")最后一个 <p> 元素
    $("tr:even")所有偶数 <tr> 元素 $("tr:odd")所有奇数 <tr> 元素
    $("ul li:eq(3)")列表中的第四个元素(index 从 0 开始)
    $("ul li:gt(3)")列出 index 大于 3 的元素
    $("ul li:lt(3)")列出 index 小于 3 的元素
    $("input:not(:empty)")所有不为空的 input 元素
    $(":header")所有标题元素 <h1> - <h6>
    $(":contains('W3School')")包含指定字符串的所有元素
    $(":empty")无子(元素)节点的所有元素
    $("p:hidden")所有隐藏的 <p> 元素
    $("table:visible")所有可见的表格
    $("th,td,.intro")所有带有匹配选择的元素
    $("[href]")所有带有 href 属性的元素
    $("[href='#']")所有 href 属性的值等于 "#" 的元素
    $("[href!='#']")所有 href 属性的值不等于 "#" 的元素
    $("[href$='.jpg']")所有 href 属性的值包含以 ".jpg" 结尾的元素
    $(":input")所有 <input> 元素
    $(":text")所有 type="text" 的 <input> 元素
    $(":password") 所有 type="password" 的 <input> 元素
    $(":radio") 所有 type="radio" 的 <input> 元素
    $(":checkbox") 所有 type="checkbox" 的 <input> 元素
    $(":submit") 所有 type="submit" 的 <input> 元素
    $(":reset") 所有 type="reset" 的 <input> 元素
    $(":button") 所有 type="button" 的 <input> 元素
    $(":image") 所有 type="image" 的 <input> 元素
    $(":file") 所有 type="file" 的 <input> 元素
    $(":enabled") 所有激活的 input 元素
    $(":disabled") 所有禁用的 input 元素
    $(":selected") 所有被选取的 input 元素
    $(":checked") 所有被选中的 input 元素
    对元素进行操作(常用方法)
    .blur([data],fn);
    .click([data],fn);
    .focus([data],fn);
    .submit([data],fn);
    $.each(object,[callback]);


  • 相关阅读:
    linux目录跳转的好武器z.sh
    找工作的程序员必懂的Linux
    11-面向对象4
    10-面向对象3
    09-面向对象2
    08-面向对象1
    06-数组
    3.5-乘法运算器设计
    3.2-定点数补码加减运算器设计
    4.12-虚拟存储器
  • 原文地址:https://www.cnblogs.com/maz9666/p/5009231.html
Copyright © 2011-2022 走看看