jQuery基本用法 | 易学教程

在DOM加载完成后就可以可以对DOM进行操作

$(function() {
    $("input").click(function() {
        console.log(this.value)
    })
})
//其实这个就是jq ready()的简写，他等价于：
$(document).ready(function() {
    //do something
})
//或者下面这个方法，jQuer的默认参数是：“document”；
$().ready(function() {
    //do something
})

修改CSS

$("#jessie").html("测试一下").css({
	"color":"pink",
	"font-size":"30px",
	"border":"1px solid red"
}).width(300).height(200)

基本选择器

//ID选择器
$("#first").css("background","blue")
//标签选择器
$("div").css("background","blue")
//类选择器
$(".hehe").css("background","blue")
//交集选择器
("#first,.hehe,#last").css("background","blue")
//交集选择器
$("p.hehe").css("background","blue")
//全局选择器
$("*").css("background","blue")

层次选择器

选择器	描述	返回
$("ancestor descendant")	选取 ancestor 的所有 descendant (后代)元素	集合元素
$("parent > child")	选取 parent 元素下的 child（子）元素，与 $("ancestor descendant") 有区别， $("ancestor descendant") 选择的是后代元素	集合元素
$("prev + next")	选取紧接在 prev 元素后的下一个 next 元素	集合元素
$("prev ~ siblings")	选取 prev 元素后的所有 siblings 元素	集合元素

注意:$("prev ~ div")选择器只能选择"prev"元素后面的同辈元素，而jQuery中的方法siblings()与前后位置关系无关，只要是同辈节点就可以选取。

来源：CSDN

作者：Jessie丢

链接：https://blog.csdn.net/dfjifjeiwqfjioewqpjf/article/details/104754480

标签

something

input

jquery