数码资讯
jQuery选择器的使用介绍
jQuery元素选择器和属性选择器允许您通过标签名、属性名或内容选择HTML元素。 jQuery元素选择器:jQuery使用CSS选择器来选择HTML元素。 $()选择元素。 $(p.intro )选择所有class=导语元素。 $(p #演示)选择id =演示的第一要素。 jQuery属性选择器:
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
jQuery元素选择器和属性选择器允许您通过标签名、属性名或内容选择HTML元素。
jQuery元素选择器:jQuery使用CSS选择器来选择HTML元素。
$()选择元素。
$(p.intro )选择所有class=导语元素。
$(p #演示)选择id =演示的第一要素。
jQuery属性选择器:jQuery使用XPath表达式选择具有给定属性的元素。
$({链接})选择所有的href属性的元素。
$({ href =#})都是用href值等于#元素。
$({ href!=#})都是用href值不等于#元素。
$({ href =jpg})选择所有元素的href值结束与所有.jpg。
选择实例
语法
描述
美元(这个)
目前的HTML元素
$(p)
所有的元素
$(p.intro )
类的所有元素=介绍
$(
类的所有元素=介绍
$(#导语)
id的第一个元素
美元(UL:)
每个元素的第一个元素
$({ href =jpg})
所有链接的属性与属性的值在结束。JPG
$(div #介绍。头)
该类中的所有元素=头部,位于介绍的元素中。
获取/设置内容-文本()、HTML()和()
我们将在前一章使用三个相同的方法来设置内容:
文本()-设置或返回所选元素的文本内容
HTML()-设置或返回所选元素的内容(包括HTML标记)
瓦迩()-设置或返回表单字段的值
attr()集事返回选中元素的属性值
四以上:jQuery方法文本(HTML)、()、瓦迩()、()和属性,也有一个回调函数。回调函数有两个参数:当前元素在选定的列表元素的下标,和原来的(旧)值。然后,你想用的返回与功能的新价值。$(# BTN1)。Click(function(){)
$(# test1)。文本(功能(我origtext){)
返回旧文本:+ origtext +新文本:世界你好!(指标:+我+); / /返回newtext;
});
});
jQuery元素选择器:jQuery使用CSS选择器来选择HTML元素。
$()选择元素。
$(p.intro )选择所有class=导语元素。
$(p #演示)选择id =演示的第一要素。
jQuery属性选择器:jQuery使用XPath表达式选择具有给定属性的元素。
$({链接})选择所有的href属性的元素。
$({ href =#})都是用href值等于#元素。
$({ href!=#})都是用href值不等于#元素。
$({ href =jpg})选择所有元素的href值结束与所有.jpg。
选择实例
语法
描述
美元(这个)
目前的HTML元素
$(p)
所有的元素
$(p.intro )
类的所有元素=介绍
$(
类的所有元素=介绍
$(#导语)
id的第一个元素
美元(UL:)
每个元素的第一个元素
$({ href =jpg})
所有链接的属性与属性的值在结束。JPG
$(div #介绍。头)
该类中的所有元素=头部,位于介绍的元素中。
获取/设置内容-文本()、HTML()和()
我们将在前一章使用三个相同的方法来设置内容:
文本()-设置或返回所选元素的文本内容
HTML()-设置或返回所选元素的内容(包括HTML标记)
瓦迩()-设置或返回表单字段的值
attr()集事返回选中元素的属性值
四以上:jQuery方法文本(HTML)、()、瓦迩()、()和属性,也有一个回调函数。回调函数有两个参数:当前元素在选定的列表元素的下标,和原来的(旧)值。然后,你想用的返回与功能的新价值。$(# BTN1)。Click(function(){)
$(# test1)。文本(功能(我origtext){)
返回旧文本:+ origtext +新文本:世界你好!(指标:+我+); / /返回newtext;
});
});
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。