jQuery学习之------属性与样式

jQuery学习之------属性与样式

一、标签的属性:

<a href=””>链接</a>此处的href就是该a标签带有的属性

在js中对标签的属性的操作方法有

1.1getAttribute()方法 ----获取元素的属性

例子:

<a href="www.soulsjie.com" id="jie">jie</a>

<script>

var aa=document.getElementById("jie").getAttribute("href");

//获取id为jie的元素的href属性的值赋值给变量aa,之后将aa打印

document.write(aa);

</script>

1.2setAttribute()方法----设置元素的属性

  例子:

<a href="" id="jie">jie</a>
     <script>
         document.getElementById("jie").setAttribute("href","https://soulsjie.com");
//

</script>

时间: 2024-10-20 04:35:41

jQuery学习之------属性与样式的相关文章

jquery中的属性和样式设置

添加属性 $target.attr({"title":"one piece","name":"solgan"}); 为目标元素添加title和name属性 添加之前: <div class="second"> <p>我是路飞,要成为海贼王的男人.</p> </div> 添加之后: <div class="second"> <

jQuery学习之属性

在学习jQuery之处,我们首先要掌握的知识点就是jQuery属性的使用方法,本文整理了一些jQuery常用的属性及其相关使用,一起来看看吧. 1. attr(name|properties|key,value|fn) : 设置或返回被选元素的属性值 ①获取属性 <img src="" alt="jQuery" /><script type="text/javascript"> $(function(){ console.

jQuery学习-设置访问元素样式

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>访问与设置元素样式</title> <script src="js/jquery.js"></script> <style> .divstyle{ border: 5px solid black; background-color: silv

从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式

原文:从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来!

使用jQuery操作元素的属性与样式

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

jQuery操作元素的属性与样式

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

jQuery学习之------元素样式的操作

jQuery学习之------元素样式的操作 一..addClass( className )方法----增加样式 1.addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名 <head> <style> /*css样式代码*/ .soulsjie{ background:red; } .newstyle{ height:100px; width:100px; } .newsty2{ font-size:16px; } </style>

jQuery入门(2)使用jQuery操作元素的属性与样式

jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 一.区分DOM属性和元素属性 对于下面这样一个标签元素: <img id='img' src="images/image.1.jpg" alt='1' class="imgs"></img> 我们通常将id.src.alt.class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性

jQuery(六) jQuery修改class属性和CSS样式

jQuery修改class属性和CSS样式 class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔. 具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp 用jQuery进行类名修改既可以用attr()方法修改”class”属性,也可以用