jquery的get()方法
来源:互联网 发布:四川广电网络全称 编辑:程序博客网 时间:2024/05/29 13:40
此方法可以将jQuery对象转换成DOM对象。
语法结构一:
复制代码代码如下:
$(selector).get()
没有参数的时候会取得所有匹配的DOM元素的数组。
实例代码:
复制代码代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>get()函数-脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$($(".zhuanqu").get()).css("color","green");
})
</script>
</head>
<body>
<div>
<ul>
<li>ASP专区</li>
<li class="zhuanqu">jsp专区</li>
<li>php专区</li>
<li>ASP.NET专区</li>
</ul>
<ul>
<li>DIV+CSS专区</li>
<li class="zhuanqu">Jquery专区</li>
<li class="zhuanqu">javascript专区</li>
<li>html专区</li>
</ul>
</div>
</body>
</html>
通过使用$(".zhuanqu").get(),可以取得类名为zhuanqu的li元素的数组。看了实例大家可能就问为什么外面还要套上$(),这是因为通过get()方法获得是DOM对象,需要转化成jQuery对象才能使用CSS()方法。$($("button").get()).css()
语法结构二:
复制代码代码如下:
$(selector).get(index)
带有参数,取得所有匹配的DOM元素数组中指定的一个匹配的元素。
实例代码:
复制代码代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>get()函数-脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$($(".zhuanqu").get(0)).css("color","green");
})
</script>
</head>
<body>
<div>
<ul>
<li>ASP专区</li>
<li class="zhuanqu">jsp专区</li>
<li>php专区</li>
<li>ASP.NET专区</li>
</ul>
<ul>
<li>DIV+CSS专区</li>
<li class="zhuanqu">Jquery专区</li>
<li class="zhuanqu">javascript专区</li>
<li>html专区</li>
</ul>
</div>
</body>
</html>
里面的参数是要获取的DOM对象数组中DOM对象的索引,索引是从零开始的。
0 0
- jquery的get()方法
- jquery的get方法
- Jquery get方法的注意点
- jquery的map和get方法
- jquery的.get方法说解
- jQuery中$.ajax()的get 方法
- JQuery--Ajax--get方法
- jQuery ajax - get() 方法
- jquery $.get()方法使用
- jQuery源码--------get方法
- JQuery AJAX $.get()方法
- jQuery ajax - get() 方法
- jQuery get() 方法
- MVC异步AJAX的三种方法(JQuery的Get方法、JQuery的Post方法和微软自带的异步方法)
- jquery的get,post和ajax方法的使用
- JQuery 的eq和get方法的区别
- jquery的get,post和ajax方法的使用
- jquery的get,post和ajax方法的使用
- 零散的=。=
- UNIX再学习 -- shell编程
- 带你入门哈夫曼编码和哈夫曼树
- 解决Request method "GET" not supported
- F
- jquery的get()方法
- 【CPU卡】认证
- 删除指定元素
- stm32建立工程时相关文件说明
- 4.4 演示程序框架
- Oracle 12c database 在Extended rac上的问题
- Makefile_笔记
- JavaBean和EL表达式
- GD库