jQuery-Selectors(选择器)的行使(一、根基篇)
发布时间：2018-08-20 14:50:57 所属栏目：业界 来源：站长网
导读：1. #id用法 界说：按照给定的ID匹配一个元素。 返回值：Element 参数：id (String) : 用于搜刮的，通过元素的 id 属性中给定的值 实例：将ID为div_red的DIV的边框改为赤色 代码：$(#div_red).css(border,red 2px solid); //点击按钮一将执行这句代码 DIV I
|
1. #id用法 界说：按照给定的ID匹配一个元素。 返回值：Element 参数：id (String) : 用于搜刮的，通过元素的 id 属性中给定的值 实例：将ID为"div_red"的DIV的边框改为赤色 代码：$("#div_red").css("border","red 2px solid"); //点击按钮一将执行这句代码 DIV ID="div_red" 扩展：#id中的id可所以页面任何元素的id,如input,btuuon,div,table,span等等 2. element用法 界说：按照给定的元素名匹配全部元素。 返回值：Array<Element> 参数：element (String) : 一个用于搜刮的元素。指向 DOM 节点的标署名。 实例：将页面<P>标志内的笔墨颜色改为赤色 代码：$("p").css("color","red"); //点击按钮二将执行这句代码 P标志1 ID="p1" P标志2 无ID 扩展：参数值可所以页面任何元素，如div,button,div,table,tr,td,p,h1,span,input 3. .class用法 界说：按照给定的类（样式名称）匹配元素。 返回值：Array<Element> 参数：class (String) 一个用以搜刮的类（样式名称）。一个元素可以有多个类（样式名称），只要有一个切合就能被匹配到。 实例：将页面全部引用了".red_test"样式的元素配景颜色改为蓝色 代码：$(".red_test").css("background-color","blue"); //点击按钮三将执行这句代码 DIV ID="div_red_1" calss="red_test" DIV ID="div_red_2" 无class SPAN ID="span_red_1" calss="red_test" 扩展：可以看一下jQuery官网上Selectors/.class的实例。 4. *用法 界说：匹配全部元素 多用于团结上下文来搜刮。 返回值：Array<Element> 实例：查察页全部元素的数目 代码：$("*").length; //点击按钮四将执行这句代码 扩展：可以看一下jQuery官网上Selectors/*的实例。 5. selector1,selector2,selectorN用法 界说：将每一个选择器匹配到的元素归并后一路返回。你可以指定恣意多个选择器，并将匹配到的元素归并到一个功效内。 返回值：Array<Element> 参数：selector1 (Selector) : 一个有用的选择器 selector2 (Selector) : 另一个有用的选择器 selectorN (Selector) : (可选) 恣意多个有用选择器 实例：将页面上全部引用名称为"li_test"样式的<Li>元素和ID为"li_red"的<Li>元素的边框改为绿色，宽度为5px 代码：$(".red_test,#btn_5").css("border","5px solid Green"); //点击按钮五将执行这句代码
您可以下载这个文件：download 感激 シ上官メGT 提示我文章中的第5个实例与源码中第5个实例纷歧样，我在此表明一下：本来发明的文章与源码是同等的，但园子里的这个表现博文内容的页面中P标志太多，导致点击第5个实例中的按钮时，会使页面上全部P标志所有加上粗粗的边框，很丢脸，以是我把文章中的P标志改为了Li标志，因为我的粗心，健忘改源码了，在此深表歉意。固然两个实例纷歧样，但声名的题目是一样的，读者参考哪一个都可以。 提供与颁发文章同等的源文件下载：download 文章导读： jQuery-Selectors(选择器)的行使(一、根基篇) jQuery-Selectors(选择器)的行使(二、条理篇) jQuery-Selectors(选择器)的行使(三、简朴篇) jQuery-Selectors(选择器)的行使(四-五、内容篇&可见性篇) jQuery-Selectors(选择器)的行使(六、属性篇) jQuery-Selectors(选择器)的行使(七、子元素篇) （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
热点阅读