AJAX的相关使用方法

淩亂°似流年 2022-08-27 10:43 283阅读 0赞

基本选择器
    $(”#myDiv”) 匹配唯一的具有此id值的元素
    $(”div”) 匹配指定名称的所有元素
    $(”.myClass”) 匹配具有此class样式值的所有元素
    $(”*”) 匹配所有元素
    $(”div,span,p.myClass”) 联合所有匹配的选择器
    层叠选择器
    $(”form input”) 后代选择器，选择ancestor的所有子孙节点
    $(”#main > *”) 子选择器，选择parent的所有子节点
    $(”label + input”) 临选择器，选择prev的下一个临节点
    $(”#prev ~ div”) 同胞选择器，选择prev的所有同胞节点
    基本过滤选择器
    $(”tr:first”) 匹配第一个选择的元素
    $(”tr:last”) 匹配最后一个选择的元素
    $(”input:not(:checked) + span”)从原元素集合中过滤掉匹配selector的所有元素（这里有是一个临选择器）
    $(”tr:even”) 匹配集合中偶数位置的所有元素(从0开始)
    $(”tr:odd”) 匹配集合中奇数位置的所有元素(从0开始)
    $(”td:eq(2)”) 匹配集合中指定位置的元素(从0开始)
    $(”td:gt(4)”) 匹配集合中指定位置之后的所有元素(从0开始)
    $(”td:gl(4)”) 匹配集合中指定位置之前的所有元素(从0开始)
    $(”:header”) 匹配所有标题
    $(”div:animated”) 匹配所有正在运行动画的所有元素
    内容过滤选择器
    $(”div:contains(’John’)”) 匹配含有指定文本的所有元素
    $(”td:empty”) 匹配所有空元素(只含有文本的元素不算空元素)
    $(”div:has(p)”) 从原元素集合中再次匹配所有至少含有一个selector的所有元素
    $(”td:parent”) 匹配所有不为空的元素(含有文本的元素也算)
    $(”div:hidden”) 匹配所有隐藏的元素，也包括表单的隐藏域
    $(”div:visible”) 匹配所有可见的元素
    属性过滤选择器
    $(”div[id]”) 匹配所有具有指定属性的元素
    $(”input[name=’newsletter’]”) 匹配所有具有指定属性值的元素
    $(”input[name!=’newsletter’]”) 匹配所有不具有指定属性值的元素
    $(”input[name^=’news’]”) 匹配所有指定属性值以value开头的元素
    $(”input[name$=’letter’]”) 匹配所有指定属性值以value结尾的元素
    $(”input[name*=’man’]”) 匹配所有指定属性值含有value字符的元素
    $(”input[id][name$=’man’]”) 匹配同时符合多个选择器的所有元素
    子元素过滤选择器
    $(”ul li:nth-child(2)”),
    $(”ul li:nth-child(odd)”), 匹配父元素的第n个子元素
    $(”ul li:nth-child(3n + 1)”)
    
    $(”div span:first-child”) 匹配父元素的第1个子元素
    $(”div span:last-child”) 匹配父元素的最后1个子元素
    $(”div button:only-child”) 匹配父元素的唯一1个子元素
    表单元素选择器
    $(”:input”) 匹配所有的表单输入元素，包括所有类型的input, textarea, select 和 button
    $(”:text”) 匹配所有类型为text的input元素
    $(”:password”) 匹配所有类型为password的input元素
    $(”:radio”) 匹配所有类型为radio的input元素
    $(”:checkbox”) 匹配所有类型为checkbox的input元素
    $(”:submit”) 匹配所有类型为submit的input元素
    $(”:image”) 匹配所有类型为image的input元素
    $(”:reset”) 匹配所有类型为reset的input元素
    $(”:button”) 匹配所有类型为button的input元素
    $(”:file”) 匹配所有类型为file的input元素
    $(”:hidden”) 匹配所有类型为hidden的input元素或表单的隐藏域
    表单元素过滤选择器
    $(”:enabled”) 匹配所有可操作的表单元素
    $(”:disabled”) 匹配所有不可操作的表单元素
    $(”:checked”) 匹配所有已点选的元素
    $(”select option:selected”) 匹配所有已选择的元素
    
    JQuery CSS 方法说明
    
    css( name ) 访问第一个匹配元素的样式属性。
    css( properties ) 把一个”名/值对”对象设置为所有匹配元素的样式属性。
    $(”p”).hover(function () {
    $(this).css({ backgroundColor:”yellow”, fontWeight:”bolder” });
    }, function () {
    var cssObj = {
    backgroundColor: “#ddd”,
    fontWeight: “”,
    color: “rgb(0,40,244)”
    }
    $(this).css(cssObj);
    });
    css( name, value ) 在所有匹配的元素中，设置一个样式属性的值。
    offset( ) 取得匹配的第一个元素相对于当前可视窗口的位置。返回的对象有2个属性，
    top和left，属性值为整数。这个函数只能用于可见元素。
    var p = $(”p:last”);
    var offset = p.offset();
    p.html( “left: ” + offset.left + “, top: ” + offset.top );
    width( ) 取得当前第一匹配的元素的宽度值，
    width( val ) 为每个匹配的元素设置指定的宽度值。
    height( ) 取得当前第一匹配的元素的高度值，
    height( val ) 为每个匹配的元素设置指定的高度值。
    
    JQuery Utilities 方法说明
    jQuery.browser
    .msie 表示ie
    jQuery.browser.version 读取用户浏览器的版本信息
    jQuery.boxModel 检测用户浏览器针对当前页的显示是否基于w3c CSS的盒模型
    jQuery.isFunction( obj ) 检测传递的参数是否为function
    function stub() { }
    var objs = [
    function () {},
    { x:15, y:20 },
    null,
    stub,
    “function”
    ];
    jQuery.each(objs, function (i) {
    var isFunc = jQuery.isFunction(objs[i]);
    $(”span:eq( ” + i + “)”).text(isFunc);
    });
    jQuery.trim( str ) 清除字符串两端的空格，使用正则表达式来清除给定字符两端的空格
    jQuery.each( object, callback ) 一个通用的迭代器，可以用来无缝迭代对象和数组
    jQuery.extend( target, object1, [objectN] ) 扩展一个对象，修改原来的对象并返回，这是一个强大的实现继承的
    工具，这种继承是采用传值的方法来实现的，而不是JavaScript中的
    原型链方式。
    合并settings和options对象，返回修改后的settings对象
    var settings = { validate: false, limit: 5, name: “foo” };
    var options = { validate: true, name: “bar” };
    jQuery.extend(settings, options);
    
    合并defaults和options对象，defaults对象并没有被修改。options对象中的值
    代替了defaults对象的值传递给了empty。
    
    var empty = {}
    var defaults = { validate: false, limit: 5, name: “foo” };
    var options = { validate: true, name: “bar” };
    var settings = $.extend(empty, defaults, options);
    jQuery.grep( array, callback, [invert] ) 通过一个筛选函数来去除数组中的项
    $.grep( [0,1,2], function(n,i){
    return n > 0;
    });
    jQuery.makeArray( obj ) 将一个类似数组的对象转化为一个真正的数组
    将选取的div元素集合转化为一个数组
    var arr = jQuery.makeArray(document.getElementsByTagName(”div”));
    arr.reverse(); // use an Array method on list of dom elements
    $(arr).appendTo(document.body);
    jQuery.map( array, callback ) 使用某个方法修改一个数组中的项，然后返回一个新的数组
    jQuery.inArray( value, array ) 返回value在数组中的位置，如果没有找到，则返回-1
    jQuery.unique( array ) 删除数组中的所有重复元素，返回整理后的数组