zoukankan      html  css  js  c++  java
  • jquery

    1、多个选择结果的集合

    $('span,p,#div').css('width','200');

    2、匹配所有元素

    $('*').size();

    3、选择紧邻的同辈元素

    $('span+img').css('height','200');

    4、选择元素后的同辈元素

    $('#p~span').attr('id');

    5、去除所有与给定选择器匹配的元素

    $('#div p:not(.cls,#p1)').width(200);

    6、选取索引是偶数的元素

    $('p:even').css('height','30px');

    7、选取索引是奇数的元素

    $('p:odd').css('height','30px');

    8、选取索引大于index的所有元素

    $('p:gt(1)').css('color','#333');

    9、选取索引小于index的所有元素

    $('p:gt(1)').css('color','#333');

    10、选取含有内容为text的元素

    $('p:contains(a)').css('color','#333');

    11、选取不包含子元素或文本的空元素

    $('p:empty').css('color','#333');

    12、选取含有选择器匹配的元素的元素

    $('p:has(span)').css('color','#333');

    13、选取含有子元素或文本的元素

    $('p:parent').css('color','#333');

    14、选取拥有id属性的元素

    $('p[id]').css('color','#333');

    15、选取属性值为book的元素

    $('p[id=book]').css('color','#333');

    16、选取属性值不为book的元素

    $('p[id!=book]').css('color','#333');

    17、选取属性值以book开始的元素

    $('p[id^=book]').css('color','#333');

    18、选取属性值以book开始的元素

    $('p[id$=book]').css('color','#333');

    19、用属性选择器合并成一个复合属性选择器,满足多个条件

    $('p[id*=book][title]').css('color','#333');

    20、元素索引满足指定的表达式(n从0开始代入)

    $('p:nth-of-child(3n+1)').css('color','#333');

    21、匹配父元素中唯一的子元素

    $('p:last-child').css('color','red');

    22、选取所有的input元素

    $('#form*:input').size();

    23、选取所有不可用的按钮元素

    $('#form input:enable').css('color','green');

    24、选取所有的选中的选项元素

    $('#form option:selected').size();

    25、复制节点同时复制事件

    $('p').clone(true).appendTo('#div');

    26、删除元素的父元素

    $('#p1').unwrap();

    27、分离节点

    $('p').detach();

    28、获得属性值

    var src = $('#img1').prop(src);

    29、设置属性值   prop(propertyName,value)

    $('#img1').prop('src','img/01.png');

    29、设置多个属性值 prop(map)

    $('#img1').prop('src':'img/01.png','title':'ani');

    30、通过函数来设置属性

    $('#img1').prop('src',function(index,value){

    return "img/"+(index+2)+".png";

    );

    31、从DOM中删除对应的属性

    $('#img1').removeProp('src');

    32、取复选框属性的值

    $('checkbox').prop(key);

    33、通过函数增加类样式

    $('p').addClass(function(index,currentClass){

    if(currentClass.indexof('green')>=0){

    $(this).width(200);

    )}

    34、同时绑定多个事件类型

    $('p').bind('mouseover mouseleave',function(){

    })

    35、获取事件对象中的数据

    $('a').on('click',function(event){

    alert(event.data.price);

    })

  • 相关阅读:
    CLSCompliantAttribute
    杂言
    批处理修改目录的隐藏属性
    unittest基本用法
    unittest跳过用例
    MySQL流程控制结构
    MySQL视图
    MySQL函数
    unittest断言 & 数据驱动
    PLSQL
  • 原文地址:https://www.cnblogs.com/cyppi/p/6605587.html
Copyright © 2011-2022 走看看