选择器/属性/筛选

2019-03-24  本文已影响0人  垃圾桶边的狗

创建元素

$("<p></p>")

迭代遍历

$("li").each(function(i){
    $("li").eq(i)
})

获取元素在元素内的下标 index()

$("li").index($("#selected"))

size()和length

能属性解决的 就少用函数

data给元素加数据

data("key") 拿数据
data("key","value")设置key=value
基本选择器,层级选择器,伪类选择器
    $("p") 标签选择器

    $(".box") class 选择器

    $("#container") id 选择器

    $("*") 通配符选择器

    $("#box, .box1") 群组选择器

    $("div .box") 包含选择器

    $("div + p") div同级后的第一个

    $("div ~ p") div同级后所有

    $("div:last") 最后的一个div

    $("div:first") 第一个div

    $("div:eq(n)") 第N个div

    $("div:lt(n)") 前N个div

    $("div:gt(n)")后N个div

    $("div:odd") 奇数位的元素

    $("div:even")偶数位的元素

    $("div:not()")排除

    $("div > p") 获取div内的P

转换

DOM 转jQuery ,现获取DOM元素

var $j_obj = $(DOM元素)

jQuery转DOM

var dom_obj = $(".box").get(0) # 或者用下标[下标值]

其他

css() 获取或设置元素的css, 一个值的时候是获取 两个值是设置,也可以设置多个值

    attr() 获取或设置元素的属性 一个值的时候是获取 两个值是设置

    addClass 添加类

    removeClass 删除类名

    $("div").click(function (){

        代码块

    })

属性

3.1attr 一个值代表读取 

             两个值是设置

            设置多个属性的时候({"color":"red", "font-size":"20px"})

    3.2prop  一个值代表读取 

              两个值是设置

            设置多个属性的时候({"color":"red", "font-size":"20px"})

    3.3比较

        eg:

        attr 读取src属性的时候是“/img/01.png”  相对路径

        prop 读取src属性的时候是 网路的绝对路径

    3.4removeAttr(Prop) 尽量不要去使用 

    3.5 html()

        没值:是读取

        有值得时候:是设置

    3.6 text()

        没值:是读取

        有值得时候:是设置

    3.7 val()

        获取或者设置input里面的内容(value)



筛选

first()

    last()

    eq()

    not()

    has() 包含某个元素的

    find() $("div").find("p") 在div内找p标签

    is() 判断

    input的type相关的筛选 具体N多个 详情请见字典

上一篇下一篇

猜你喜欢

热点阅读