jQuery 选择器

选择器:
基本选择器
层级选择器:
后代选择器 子代选择器> 相邻选择器+ 相邻全部选择器~
伪类选择器:
first
last
not
odd  索引值为 奇数行的元素 实际返回到的是偶数行的元素
even 索引值为偶数行的元素  实际返回的是奇数行的元素,因为索引开始为
eq   匹配确定的索引值的元素
gt   匹配所有大于给定索引值的元素
lt   匹配你所有小于给定索引值的元素
header 匹配标签元素
animated 匹配所有正在执行动画效果的元素
内容选择器:
:contains:匹配所有包含给定文本的元素  $("div:contains('John')")
:empty:匹配所有不包含子元素或文本的空元素 $("td:empty")
:has  匹配含有选择权器所匹配的元素的元素
:parent  匹配含有含有子元素或者文本的元素
可见性选择器:
:hidden  匹配所有不可见元素或者type类型为hidden的元素
:visible 匹配所有可见元素
属性选择器:


子元素选择器;
nth-child;
first-child;
last-child:
only-child: 如果某个元素是父元素中唯一的子元素,那将会被匹配如果父元素中含有其 他元素,那将不会被匹配。
表单选择器:
:input 匹配所有 input, textarea, select 和 button 元素
表单对象属性:
:enabled:
:disabled:
:checked;匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option)
:selected 匹配所有选中的option元素
属性;
$("img").attr("src");  取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 
$("img").attr({ src: "test.jpg", alt: "Test Image" });将一个“名/值”形式的对象设置为所有匹配元素的属性。


这是一种在所有匹配元素中批量设置很多属性的最佳方式。 注意,如果你要设置对象的class属性,你必须使用'className' 作为属性名。或者你可以直接使用.addClass( class ) 和 .removeClass( class ).
$("img").attr("src","test.jpg");为所有匹配的元素设置一个属性值
$("img").attr("title", function() { return this.src });为所有匹配的元素设置一个计算的属性值。不提供值,而是提供一个函数,由这个函数计算的值作为属性值。
$("img").removeAttr("src");  从每一个匹配的元素中删除一个属性;


css类:
$("p").addClass("selected"); 为每个匹配的元素添加指定的类名。


$('ul li:last').addClass(function() {
  return 'item-' + $(this).index();
});  此函数必须返回一个或多个空格分隔的class名。接受两个参数,index参数为对象在这个集合中的索引值,class参数为这个对象原先的class属性值。


$("p").removeClass("selected");从所有匹配的元素中删除全部或者指定的类。
$('li:last').removeClass(function() {
    return $(this).prev().attr('class');
});此函数必须返回一个或多个空格分隔的class名。接受两个参数,index参数为对象在这个集合中的索引值,class参数为这个对象原先的class属性值
toggleClass(class) 如果存在就删除一个类.如果不存在就添加一个类




html代码:
html() 获取匹配元素的第一个html内容.但不可用于xml文件
html() 设置每一个匹配元素的html内容
html(function) 用函数来设置每一个匹配元素的内容.
文本:
text() 获取所有匹配元素的内容,并且对html和xhtml都有效;
text() 设置所有匹配元素的文本内容;
text(function)  设置所有匹配元素的文本内容;与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值