收藏此站 联系我们 网站
当前位置:首页» 技术日志 » 【建站服务】安顺做网站/制作网站/搭建网站/设计网站/开发网站-网站服务一站式-域名申请

【建站服务】安顺做网站/制作网站/搭建网站/设计网站/开发网站-网站服务一站式-域名申请

作者: 风兰 . 阅读量: 3 . 发表时间:2022-09-21 03:02:50

网站建设

上往建站提供服务器空间服务商百度快照排名网站托管百度推广运营,致力于设计外包服务与源代码定制开发360推广搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。


安顺做网站/制作网站/搭建网站/设计网站/开发网站-网站服务一站式


网站建设.png

jQuery 选择器


jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。


jQuery 选择器

jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。

jQuery 中所有选择器都以美元符号开头:$()。


元素选择器

jQuery 元素选择器基于元素名选取元素。

在页面中选取所有 <p> 元素:

$("p")

实例

用户点击按钮后,所有 <p> 元素都隐藏:

实例

$(document).ready(function(){  $("button").click(function(){    $("p").hide();  });});

尝试一下 »



#id 选择器

jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。

页面中元素的 id 应该是唯一的,所以您要在页面中选取唯一的元素需要通过 #id 选择器。

通过 id 选取元素语法如下:

$("#test")

实例

当用户点击按钮后,有 id="test" 属性的元素将被隐藏:

实例

$(document).ready(function(){  $("button").click(function(){    $("#test").hide();  });});

尝试一下 »



.class 选择器

jQuery 类选择器可以通过指定的 class 查


lass 选择器

jQuery 类选择器可以通过指定的 class 查找元素。


语法如下:


$(".test")

实例


用户点击按钮后所有带有 class="test" 属性的元素都隐藏:


实例

$(document).ready(function(){

  $("button").click(function(){

    $(".test").hide();

  });

});


尝试一下 »


更多实例

语法 描述 实例

$("*") 选取所有元素 在线实例

$(this) 选取当前 HTML 元素 在线实例

$("p.intro") 选取 class 为 intro 的 <p> 元素 在线实例

$("p:first") 选取第一个 <p> 元素 在线实例

$("ul li:first") 选取第一个 <ul> 元素的第一个 <li> 元素 在线实例

$("ul li:first-child") 选取每个 <ul> 元素的第一个 <li> 元素 在线实例

$("[href]") 选取带有 href 属性的元素 在线实例

$("a[target='_blank']") 选取所有 target 属性值等于 "_blank" 的 <a> 元素 在线实例

$("a[target!='_blank']") 选取所有 target 属性值不等于 "_blank" 的 <a> 元素 在线实例

$(":button") 选取所有 type="button" 的 <input> 元素 和 <button> 元素 在线实例

$("tr:even") 选取偶数位置的 <tr> 元素 在线实例

$("tr:odd") 选取奇数位置的 <tr> 元素 在线实例

独立文件中使用 jQuery 函数

如果您的网站包含许多页面,并且您希望您的 jQuery 函数易于维护,那么请把您的 jQuery 函数放到独立的 .js 文件中。


当我们在教程中演示 jQuery 时,会将函数直接添加到 <head> 部分中。不过,把它们放到一个单独的文件中会更好,就像这样(通过 src 属性来引用文件):


实例

<head>

<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">

</script>

<script src="my_jquery_functions.js"></script>

</head>

安顺做网站/制作网站/搭建网站/设计网站/开发网站-网站服务一站式


上往建站提供搭建网站域名注册官网备案服务网店详情页设计企业网店专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管网页美工排版,致力于域名申请竞价托管软文推广全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机网站推广百度竞价托管网站建设上网建站推广服务网络公司有哪些等业务,专业团队服务,效果好。

服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)


关键词:网站建设,企业网站,网站制作,网页设计,高端网站建设,企业网站制作,网页制作,制作网站,网站设计,高端网页设计,高端网站设计,做网站,自适应网站

全国服务热线
18114747181
二维码
手机端二维码
上往建站
地址:全国各地都有驻点商务 |  网站建设上往建站
在线咨询QQ:1120768800
 
QQ在线咨询
售前咨询热线
18114747181
营销顾问
营销顾问
售后服务热线
400-000-1116
售后服务
售后服务