jquery 获取及操作元素 (常用)

jquery 获取元素  参考:http://www.w3school.com.cn/jquery/jquery_selectors.asp

1.(1)$(document).ready() -->$()-->$  整个文档

(2)$("p") $("button") html标签

(3)$(this) 当前对象

1 $(function(){
2   $("p").click(function(){
3     $(this).hide();
4   });
5 });

  (4)根据id获取对象 $("#divs")

  (5)根据class获取对象 $(".clsdiv")

  (6)根据name获取对象 $("[name=‘sql‘]")

2.操作

  (1)$("[name=‘sql‘]").css({"color" : "gray"});

  (2)

 1 $(document).ready(function(){
 2   $("#btn1").click(function(){
 3     $("#test1").text("Hello world!");
 4   });
 5   $("#btn2").click(function(){
 6     $("#test2").html("<b>Hello world!</b>");
 7   });
 8   $("#btn3").click(function(){
 9     $("#test3").val("Dolly Duck");
10   });
11 });

  (3)attr

1 $("button").click(function(){
2   $("img").attr("width","180");
3 });
1 $(selector).attr({attribute:value, attribute:value ...})
2 $(selector).attr(attribute,function(index,oldvalue))
3 $(selector).attr(attribute,value)
$(selector).attr(attribute)

$(".clsdiv")

时间: 2024-08-29 16:23:27

jquery 获取及操作元素 (常用)的相关文章

jQuery获取和操作元素的属性和CSS样式

本文学习如何使用jQuery获取和操作元素的属性和CSS样式. 元素属性和Dom属性 对于下面这样一个标签元素: <img id='img' src="1.jpg" alt='1' class="imgs"></img>  我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也就解析为Dom属性. 元素属性和Dom属性只是在我们对其进行不同解析时的不同

jquery获取的html元素和document获取的元素的区别

最近通过ocx做了一个视频插件,然后将插件放到html中(想知道的可以看一下) 因为我要操作这个插件,要播放,停止等,所以我需要获取这个元素,不出意外的,我就用jquery来获取,然后根本无法执行,然后用document来获取,正常执行,具体的如下所示 //正常执行 var obj = document.getElementById("player00"); obj.testhelloworld(); //无法执行 var playobj = $('#player00'); playo

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID

query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下: $('#objId', parent.document);// 搞定... 在父页面 获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) 显示iframe中body元素的内容. $(document.getElementById('iframeId').contentWindow.document.body)

使用jquery获取指定li元素后面的所有兄弟元素

使用jquery获取指定li元素后面的所有兄弟元素:如果我们已经获取了一个li元素,那么如何获取此li元素后面的所有的兄弟元素,下面就通过代码实例做一下简单介绍.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /&g

JQuery之DOM操作及常用函数

属性操作 attr(name)获取属性值 var imgSrc = $("img").attr("src") attr(name,value)设置属性值 $("img").attr("src","images/bg.jpg") attr(key,function(index))  index为当前元素的索引号,整个函数返回一个字符串作为元素的属性值 $("img").attr("

jquery(二) jQuery选取和操作元素的特点

jQuery初探 jQuery选取和操纵元素的特点 JavaScript选取元素 先来看看不用jQuery的时候我们是怎么处理元素选取的. JavaScript选取元素的时候,可以根据id获取元素,当id不存在的时候,结果为null,并且console会报脚本执行错误. 所以一般的做法是先用一个if判断该元素存在. 比如: <body> <a>click me</a> <script type="text/javascript"> //

JQuery快速入门-操作元素的属性和样式

我们在学习JavaScript时,详细介绍了DOM对象.从DOM树可以得知,对DOM的操作,主要包括:元素的属性.内容.值.CSS. 一.元素属性的操作 在 jQuery 中,可以对元素的属性执行获取.设置.删除的操作,通过 attr() 方法可以对元素属性执行获取和设置操作,而 removeAttr() 方法则可以轻松删除某一指定的属性. 1.获取元素属性 //JavaScript脚本 <script type="text/javascript"> $(function(

js及jquery获取页面和元素的宽高

js: 网页可见区域宽: document.body.clientWidth;(不含滚动条) 网页可见区域高: document.body.clientHeight;(不含滚动条) 网页可见区域宽: document.body.offsetWidth;(包括边线的宽); 网页可见区域高: document.body.offsetHeight;(包括边线的宽); 网页正文全文宽: document.body.scrollWidth; 网页正文全文高: document.body.scrollHei

jquery获取、改变元素属性值

//标签的属性称作元素属性,在JS里对应的DOM对象的对应属性叫DOM属性.JS里的DOM属性名有时和原元素属性名不同. //==================================操作元素属性================================== //返回元素指定属性值 var txt1_val=$("#txt1").attr("value"); //通过元素的DOM属性名更改DOM属性值 $("#txt1").att