zoukankan      html  css  js  c++  java
  • 第二章jQuery选择器

    一、jquery选择器的分类:
    1.基本选择器
    (1)标签选择器
    $(“h2”).css(“color”,“red”);
    (2)类选择器
    $(".title").css(“color”,“red”);
    (3)ID选择器
    $("#title").css(“color”,“red”);
    (4)并集选择器
    $(“h2,h3,.title,#title”).css(“color”,“red”);
    (5)全局选择器
    $("").css(“color”,“red”);
    2.层次选择器
    (1)后代选择器
    $("#box p").css(“color”,“red”)
    所有box下面的p标签字体都换成红色
    (2)子选择器
    $("#box>p").css(“color”,“red”);
    所有id为box的儿子元素字体变成红色
    (3)相邻元素选择器:
    $(".p2+p").css(“color”,“red”);
    class为p2的元素下一个为p的字体变红
    (4)同辈元素选择器:
    (".p2 p").css("color","red");classp2p3.1[name]:name2[name=name]namename3[name!=name],namename4[name=na]namena5[name(".p2~p").css("color","red"); class为p2后面所有为p元素的字体都变成红色 3.属性选择器 (1)[name]:含有name属性的选中 (2)[name='name'],name的值是name的被选中 (3)[name!=name],name的值不是name的被选中 (4)[name^=na],name的值以na开头的被选中 (5)[name=na],name的值以na结束的被选中
    (6)[name
    =na],name的值中包含na的被选中
    (7)[name=‘text’][id=‘name’],属性name的值等于name,并且id也等于name的被选中
    4.基本过滤选择器
    (1)获取第一个li元素:
    $(“li:first”).css(“color”,“red”);
    (2)获取最后一个li元素:
    $(“li:last”).css(“color”,“red”);
    (3)获取偶数行的元素:
    $(“li:even”).css(“color”,“red”);
    (4)获取奇数行的元素:
    $(“li:odd”).css(“color”,“red”);
    (5)获取索引是2的元素
    $(“li:eq(2)”).css(“color”,“red”);
    (6)获取索引大于2的元素,索引从0开始
    $(“li:gt(2)”).css(“color”,“red”);
    (7)获取索引小于2的元素
    $(“li:lt(2)”).css(“color”,“red”);
    (8)获取所有标题元素
    $(":header").css(“color”,“red”);
    (9)获取光标聚焦的元素
    $(":focus").css(“color”,“red”);

    5.可见性过滤选择器
    

    二、光标聚焦:
    $("[name=‘text’]").focus();
    三、给表单里面赋值:
    $("[name=‘pass’]").val(“值”);
    四、获取表单的值:
    $("#input").val();

  • 相关阅读:
    Python 面向对象(一)
    【Python之搜索引擎】(一)概述
    【Python】回文palindrome——利用字符串反转
    【Python】raw转义字符
    【Python】directory字典类型
    【Python】面向对象编程思想
    【Python】Sublime text 3 搭建Python IDE
    【Python】卸载完Python3 之后 Python2 无法打开IDLE
    【Python】猜数小游戏(文件操作)
    【Python】list和tuple 区别比较
  • 原文地址:https://www.cnblogs.com/a1111/p/12815957.html
Copyright © 2011-2022 走看看