Jquery的属性选择器

Jquery的属性选择器,第1张

<!DOCTYPE html>

<html>

<head>

<title>Demo</title>

</head>

<body>

<div name = "userName" id = "div1"></div>

<div name = "please" id = "div2"></div>

<div name = "bike" id = "div3"></div>

<div name = "thanks" id = "div4"></div>

</body>

<script

  src=";

这些属性选择器在jquery官方文档上都有示例和详细的描述

网页链接

<script> 

var iList=["a","b","c"];

$each(iList,function(i){

 if(i==0){

alert("我是第一个:"+iList[i]);

}

}) 

</script>

var alldiv = $("div");

var firstdiv = alldiv[0];

var lastdiv = alldiv[alldivlength-1];注意,jquery数组返回的是标准的documentobject,也就是说,firstdiv与lastdiv都是类似通过

documentgetelementbyid这个方式获得到的对象,是不能直接使用jq方法的

解决办法很简单

$(firstdiv)即可

使用Jquery获取某个div时需要这样写:$("#" + 所定义的id变量名)代码如下黑体加粗部分:

<div id="{{hospitalid + 'hospital'}}" class="z_tl z_t2 clearfix z_poaR"

ng-click="openDoctorList(hospitalid,hospitalname)">

$scopeopenDoctorList = function (id,hospitalName) {

$scopeuniqueHospitalId = id;

var hospitalId = id + "hospital";

if($scopecacheHospitalId != id){

  $("#"+hospitalId)attr("class","z_tl clearfix z_poaR");

}

if($scopecacheHospitalId == id){

$("#"+hospitalId)attr("class","z_tl z_t2 clearfix z_poaR");

$scopedoctorList = null;

}

$scopecacheHospitalId = id;

}

扩展资料:

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

参考资料:

Jquery官方API -ID Selector (“#id”)

JQuery官方API接口-attr()

百度百科-JQuery

jquery获取classname的方法。

如下参考:

1.首先,打开桌面上的jquery图标,打开软件,创建一个新的HTML文档,并指定元素的ID。

2.编写JS脚本,根据ID选择元素,如下图所示。

3.使用.val()方法获取被选元百素的value值,如下图。

4.以d出窗口的形式显示得到的输入值。

5.保存文件并在浏览器中查看结果。

$("p:first")    第一个 <p> 元素        demo  选择第一个 <p> 元素

$("p:last")    最后一个 <p> 元素     demo  选择最后一个 <p> 元素

jQuery 选择器参考手册 参考地址

以上就是关于Jquery的属性选择器全部的内容,包括:Jquery的属性选择器、jquery ech 怎么获取第一个元素、jquery如何获取第一个子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9422957.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存