zoukankan      html  css  js  c++  java
  • jquery使用

    1.css选择器

    $document)选择整个html

    $("#id") 

    $("div.class") 

    $(div:first)

    $("div[title='zhang']")

    $("div:odd")

    $("#form:input")

    $("input:visiable")

    2.改变结果集选择

    $("div").has("a")

    $("div").find("a")

    $("div").not("a")

    $('div').not('.myClass'); //选择class不等于myClass的div元素  

    3.获取附近元素

    $("div").next("p")         //选择div元素后面的第一个p元素  
    $("div").parent()        //选择div元素的父元素  
    $("div").closeset("form")  //选择离div最近的那个form父元素  
    $("div").children()      //选择div的所有子元素  
    $("div").siblings        //选择div的同级元素  

    4.链式操作

    $("div").has("p").eq(1).css("color","red");

    依然可以

    $("div").
    has("p").
    eq(1).
    css("color","red");

    常见的取值

     $("div").text()                 取出或设置text内容  
     $("div").text("hello")             取出或设置某个属性的值  
     $("div")width(),$("div").width()      取出或设置某个元素的宽度  
     $("div").height(),$("div").height("")     取出或设置某个元素的高度 

    $("input").val(),$("input").val("hello") 取出表单的值或设置值


    5元素的操作

    元素的移动
    $("div").after("p") 将div移动到p的后面

    使用insertAfter()

    insertBefore()

    before的使用


    clone();
    $("div").append($("p").clone());

    empty()
    我一般不用,直接 $(selector).text("") $(selector).val();

    jquery常用的构造方法

    $.trim($("#name").val())==''            也可以 ‘hello’.trim()  去除字符串两端的空格
     $.each("value")              遍历一个数组或对象。在此我强调一下(如果遍历的是dom对象的话,function里(i,a)其中i是
                           索引,a是jquery对象,如果遍历的是后台传来的集合,首先把集合或数组转化为jquery对象然后遍历,遍历方法与遍历dom类似)
     $inArray()返回一个值在数组中的索引位置。如果该值不在数组中,则返回-1。(不多说,直接代码)

    
    
    $.grep(数组,function(值,索引){})返回数组中符合某种标准的元素。   

    
    
    $.extend()将多个对象,合并到第一个对象。

    例如:
    var a1=['person':'tom','age':21]
    var a2=['person':'tom','age':24,'weight':20]

    result=$.extend(a1,a2);
    console.log(result);//'person':'tom','age':24,'weight':20
    将对象转化为数组。  

    var p={'name':'tom','age':21};
    var s=$.makeArray(p);

    
    
    判断对象的类别(函数对象、日期对象、数组对象、正则对象等等)。 

    json对象:var p={'name':'tom','age':21};
    console.log($.type(p))    //object

    函数:

    function show(){
    console.log('hello');
    }
    console.log($.type(show))show为函数名  //function

    日期:
    console.log(Date())这样属于方法调用
    方法也成为对象 亦可以 var date=new Date();

    var date=new Date();
    console.log($.type(date))// 为date

    数组:

    var arr=[1,23,4];
    console.log($.type(arr)); //array

    正则:

    var reg=/i/;
    console.log($.type(reg));//regexp


    $.isArray()判断某个参数是否为数组。 

    var a=[];
    console.log($.isArray(a))//true

    var b=12;
    console.log($.isArray(b))//false;

    判断某个对象是否为空(不含有任何属性)。  

    var s=null;
    console.log($.isEmptyObject(s))//true

    判断某个参数是否为函数。
    function show(){}
    console.log($.isFunction(show)) //true
     判断浏览器是否支持某个特性。  
    $.support()








  • 相关阅读:
    设计模式(行为模式)之 观察者模式
    java 内存区域 (程序计数器)
    java 枚举的应用
    ServiceLoad 应用(链式编程:统一执行某一类功能、、分支语句优化)
    python前端学习之css
    python学习四十四天(前端之HTML标签)
    python学习四十三天(网络IO模型)
    python学习四十二天(协程)
    python学习四十一天(线程)
    python学习四十天(进程池)
  • 原文地址:https://www.cnblogs.com/javaweb2/p/6238608.html
Copyright © 2011-2022 走看看