jquery使用css类名和id获取元素

jQuery中,你可以很容易的使用css 类名和id来获得元素。

例如:

1 ID: #id

$(‘#ida’)—选择id 为ida的所有元素,不管元素的标签名如何。

$(‘div#ida’)—选择id为ida的所有div标签元素。

2 Class:.classname

$(‘.classA’)—选择类名有一个为classA的所有元素,不管其标签名如何。

$(‘div.classA’)—选择类名有一个为classa的所有div元素。

完整的例子如下:

<html>
<head>
<title>jQuery Get element with class name and id</title>
 
<scripttype="text/javascript"src="jquery-1.3.2.min.js"></script>
 
</head>
 
<scripttype="text/javascript">
 
$(document).ready(function(){
 
    var $element = $(‘.classABC‘).html();
    alert($element);
 
    var $element = $(‘#idABC‘).html();
    alert($element);
 
});
 
</script>
<body>
 
<h1>jQuery Get element with class name and id</h1>
 
        <divclass="classABC">
               This is belong to ‘div class="classABC"‘ 
        </div>
 
        <divid="idABC">
               This is belong to ‘div id="idABC"‘
        </div>
 
</body>
</html>
效果图1:

点击确定后的效果:

时间: 2024-10-17 17:23:32

jquery使用css类名和id获取元素的相关文章

js中用tagname和id获取元素的3种方法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3种用tagname和id获取元素的方法</title> <style> body{     margin: 0; } ul{     margin: 0;     padding: 0;     list-style: none; } h1{

JavaScript通过ID获取元素坐标

JavaScript通过ID获取元素坐标 function getElementPos(elementId) { var ua = navigator.userAgent.toLowerCase(); var isOpera = (ua.indexOf('opera') != -1); var isIE = (ua.indexOf('msie') != -1 && !isOpera); // not opera spoof var el = document.getElementByIdx

通过ID获取元素

网页由标签将信息组织起来,而标签的id属性值是唯一的,就像是每人有一个身份证号一样,只要通过身份证号就可以找到相对应的人.那么在网页中,我们通过id先找到标签,然后进行操作. 语法: document.getElementById("id") 注:获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法.例如: 运行结果为: 理解:输出为null,是因为代码是顺序执行的,先调用了JavaScript代码,但是这个时候还没有ID为"con"的元素,得到空 理

jQuery通过CSS()方法给指定的元素同时设置多个样式

<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> </script> <script> $(document).ready(function(){   $("button").click(function(){     $(&q

通过ID获取元素getElementById

语法: document.getElementById(“id”) 结果:null或[object HTMLParagraphElement]. 除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName(). 不过,最有效的方法是 getElementById(). 实例: <html> <head> <script type="text/javascript"> fun

jquery中获取元素的几种方式小结

1 从集合中通过指定的序号获取元素 html: 复制代码代码如下: <div> <p>0</p> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> </div> JS 复制代码代码如下: <script type

获取元素的css属性之getComputedStyle

习惯了用jQuery的css()的方法获取元素的css属性,突然不用jQquery了,当要获得元素的css时候,我瞬间停顿了一下,咦?咋获取元素的css值?比如获取元素的width.是这样么?document.getElementById("id").style.width? 一.getComputedStyle getComputedStyle,见名之意,就是获取元素计算之后的样式属性值,也就是获取当前元素所有最终使用的CSS属性值.返回的是一个CSS样式声明对象([object C

JS获取元素、修改元素/css样式/标签属性、简单事件、数据类型

基本使用 写在Script 标签里 引入外部js文件:<script src=" "></script> console.log(" ") 方法用于在控制台输出信息 注意事项 严格区大小写 每一行完整语句后面加分号 变量名不能使用关键字和保留字 代码要缩进,保持可读性 修改元素内容 获取元素 通过id获取元素:document.getElementById(""); 通过class名字获取元素:document.getEl

JavaScript通过元素id和name直接获取元素的方法

概览: 偶然的机会,我在JavaScript中直接用HTML元素的id属性来获取该元素,并设置该元素的其他属性值,竟然能够正确解析不报错!于是我去查阅相关资料,也有其他同行这么用. 虽然说这种用法不是标准用法,推荐使用 document.getElementById(id);document.getElementByName(name); ,但也是一种新发现,先记录下来,以备后用. 本文讲述了JavaScript通过元素id和name直接获取元素的方法,以及自己在实践过程中总结的注意事项. 具体