jquery常用选择器及方法
1.jQeury:$(“div span”)和$(“div>span”)有什么区别啊?不都是选择div标签下的span么?
在安多等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、成都网站建设 网站设计制作按需求定制设计,公司网站建设,企业网站建设,品牌网站设计,全网整合营销推广,外贸网站制作,安多网站建设费用合理。
这涉及到CSS的知识哦~说明你的CSS没怎么学好呢嘿嘿,有空记得补学一下CSS基础.
关于CSS的选择器, > 是用来选取兄弟什么的(具体叫法我也忘了)
举个例子
div > span 选取的结果是{span1,span2},
div span 选取的结果是{span1,span2,span3}
因为span3也是span2的子元素,不单单是div的子元素,所以div > span 无法选取到他!
2.$('.circle_tab_con').html(data) 等价于 $('.circle_tab_con').empty().append(data);
3.
if (typeof(data.imgname) != 'undefined') {
for (var i = 0; i < data.imgname.length; i++) {
...
}
}
4.选择class为num 的span,也可以是id等属性
$("span[class='num']").empty().removeClass("num");
5.js 模拟点击
$(".comment_tab > a").click(function(){
$(this).addClass("cur").siblings().removeClass("cur");
var i=$(this).index();
...
}
$(".comment_tab li > a").eq(1).trigger("click");
6.jquery 转DOM 取标签名字 tagName
console.warn(this.tagName);
console.warn($(this).next().next()[0].tagName);
$("#aa")[0].tagName;等价与doucument.getElementById("aa").tagName;//html元素标签名
$("#aa")[0].checked="checked";等价与doucument.getElementById("aa").checked="checked";
7.name 选择
if ($("[name='rt']").eq(1).prop("checked")) {
8.//gt() lt() eq()
jQuery的:gt(index)选择器用于匹配所有大于指定索引的元素,将其封装为jQuery对象并返回。
与该选择器相对的是:lt(index)选择器,用于匹配所有小于指定索引的元素。
eq(index)选择器,用于匹配等于指定索引的元素
9.
$('#Button1').click(function () {
$('p').after('
After Hello World
');})
$('#Button2').click(function () {
$('p').before('
Before Hello World
');})
$('#Button3').click(function () {
$('p:first').insertAfter('p:last');
})
10.dom 和 jquery 取class属性的方法区别。
console.warn(document.getElementById("themeAttr").className);
console.warn($("#themeAttr").attr("class"));
网站栏目:jquery常用选择器及方法
文章地址:http://abwzjs.com/article/psohij.html