jQuery基础
jQuery基础样式为$('关键字aaaa').关键字();
层次选择器:
一.获取父级下所有的子集,可获取子集的子集
$('父标签 子标签') 如$('div' 'span')
二.获取父级下的第一层级标签 ,无法获取下一层子集
$('父标签 > 子标签') 如$('div' > 'span')
三.获取兄弟标签 ,只能获取到第一个兄弟标签
$('自身标签名 + 兄弟标签名')
四.获取所有相同的兄弟标签
$('自身标签名 ~ 兄弟标签名')
内容过滤选择器:
:contains(内容)
包含内容选择器,获得节点内部必须通过标签包含指定的内容
$(“div:contains(beijing)”)
:empty
获得空元素(内部没有任何元素/文本(空) )节点对象
:has(选择器)
内部包含指定元素的选择器
:parent
寻找的节点必须作为父元素节点存在
属性操作
原生JS:
获取 getAttribute var aa=document.getAttribute('data')
设置 setAttribute var bb =aa.setAttribute('data','ABCEFG')
删除 removeAttribute varcc = aa.removeAttribute('data')
jquery:
获取
obj.attr(属性名);
$('#jq_div').attr('data-flage')
修改和设置 attr(属性名,属性值)
obj.attr(属性名,值)
删除 remove(属性名)
CLass操作
获取class为jack的class值
$('.jack').attr('class');
设置div的 class="jack":
$('.jack').attr('class','abc123')
删除class
$('.jack').removeClass('tony');
开关效果,有就删除,没有就添加toggleClass
$('.jack').toggleClass('tony');
CSS样式操作:
原生JS只能对标签内设置的样式进行设置(行内)
jQuery可以获取行内、内部、外部的样式,并且可以进行设置
$('#id').css('width');
$('#id').css('height');
给class=sx的标签设置baomi属性
set_val=$('.sx').val(['baomi'])