jquery选择器

选择器

基本选择器

const div1 = document.getElementById('div1')//js获取dom
//$('#div1')//jquery获取dom(相等同)
// js dom 与jq dom可相互转换
//----------基本-----------------------------------------------------------------------------------------
console.log($(div1))//js ==> jq
console.log($('#div1')[0])//jq ==> js

层级选择器

//----------层级------------------------------------------------------------------------------------------
console.log($('.liC'))//类
console.log($('ul'))//标签
console.log($('ul li'))//ancestor descendant后代
console.log($('ul>li'))//子级
console.log($('ul,div'))//紧邻着父级的
console.log($('ul~div'))//兄弟
console.log($('ul+div'))//紧邻的兄弟
$("div,span,p.myClass")//selector1,selector2,selectorN并列