# jQuery 查看 style 属性的常见用法
jQuery 是一个快速、小巧的 JavaScript 库,旨在简化 HTML 文档遍历、事件处理、动画以及 Ajax 操作。在前端开发中,常常需要访问和修改元素的样式,而 jQuery 为我们提供了一个简单的方法来查看和操作这些 CSS 样式属性。在这篇文章中,我们将介绍如何使用 jQuery 查看元素的 `style` 属性,并通过代码示例            
                
         
            
            
            
             属性绑定和获取 1、jqipt.attr(" 属性名",“属性值”)      a)获取 jqjpt.attr("属性名");      b)添加类名 jqipt.attr("class","类名字")      c)删除属性 jqipt.removeAtter("属性名")             
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-16 12:13:35
                            
                                160阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            ```mermaid
flowchart TD
    start((开始))
    step1[获取图片元素]
    step2[绑定点击事件]
    step3[获取图片属性]
    end((结束))
    start --> step1
    step1 --> step2
    step2 --> step3
    step3 --> end
```
```merma            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-07-06 05:30:37
                            
                                38阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            操作页面的样式(与js相比没有只能行内样式的限制)
//样式为行内样式
//首先获取要操作的元素对象
var div=$("#div");
 
//获取元素样式
div.css("width");
 
//操作所获取元素对象的样式
div.css("width","300px");
 
//当操作样式多个时,可以使用json
div.css({"width":"300px","heigth":"3            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-23 06:11:27
                            
                                46阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作html属性操作:是对html文档中的属性进行读取,设置和移除操作。比如attr()、removeAttr()DOM属性操作:对DOM元素的属性进行读取,设置和移除操作。比如prop()、removeProp()类样式操作:是指对DOM属性className进行添加,移除操作。比如addClass()、re            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-05 18:04:29
                            
                                99阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、jquery的属性操作  jquery对象有它自己的属性和方法。  其中jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作。1、html属性操作读取、设置和移除操作。比如attr(),removeAttr()。(1)attr:设置属性值或者返回被选元素的属性值$('button').click(function () {
    // jquery的属            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-17 06:44:58
                            
                                44阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            元素属性操作 在jQuery中,可以对元素的属性执行获取、设置、删除的操作,通过attr()方法可以对元素属性执行获取和设置操作,而removeAttr()方法则可以轻松删除某已制定的属性。 
 获取元素的属性 获取元素属性的语法格式:    attr(name) 
 其中,参数那么表示属性的名称。 
 设置元素元素的属性 其语法格式:  
   其中参数key表示属            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-05 21:41:03
                            
                                202阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                  今天稍微学习了一下Json,JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)            
                
         
            
            
            
            Jquery2--属性相关的操作 知识点总结 1、属性
    属性(如果你的选择器选出了多个对象,那么默认只会返回出第一个属性)、
        attr(属性名|属性值)
            - 一个参数是获取属性的值,两个参数是设置属性值
            - 点击加载图片示例
        removeAttr(属性名)
            -删除属            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-26 21:04:34
                            
                                129阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、jQuery 属性操作方法用于获得或设置元素的DOM属性方法描述addClass()向匹配的元素添加指定的类名。attr()设置或返回匹配元素的属性和值。hasClass()检查匹配的元素是否拥有指定的类。html()设置或返回匹配的元素集合中的 HTML 内容。removeAttr()从所有匹配的元素中移除指定的属性。removeClass()从所有匹配的元素中删除全部或者指定的类。togg            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-29 11:12:31
                            
                                65阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            attr操作
作用:给指定的元素添加指定的属性名和属性值1.1 操作一个属性(设置属性并赋值)
$('选择器').attr('属性名','属性值')1.2 操作多个属性(传入的参数一定是对象,设置属性并赋值)
$('选择器').attr({
'属性名':'属性值'
'属性名':'属性值'
'属性名':'属性值'
style:"width:500px"
})1.3 查询元素的属性对应的值(传入对应属            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-02 16:15:06
                            
                                274阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在下面表格中列出的方法用来设置或返回元素的 CSS 相关属性。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-02-22 05:20:00
                            
                                167阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jQuery(二)jQuery属性操作一、jQuery属性操作1、获取和设置元素本身自带的属性获取属性语法: prop(‘属性’)设置属性语法: prop(‘属性’,‘属性值’)2、 获取和设置元素的自定义属性获取自定义属性语法:attr()设置自定义属性语法: attr(‘属性’,‘属性值’)3、获取元素上 data-* 开头的自定义属性语法:data();设置自定义属性语法: data(‘属性            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-30 17:12:05
                            
                                67阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.一些前端网站:http://f2er.club/ 醉牛前端-前端人的俱乐部, 
https://www.awesomes.cn/ 令人惊叹的前端开发资源库, 
https://code.jquery.com/jquery/#jquery-all-1.x  jQuery的核心–所有版本。 
2.jQuery属性操作: 
◆设置属性:当前节点.a            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-08 20:11:33
                            
                                57阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、通用属性 1、.attr(): 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。 .attr( attributeName ) .attr( attributeName, value ) .attr( attributes ) .attr( attributeName, function(index, attr) ) 2...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-08-12 00:24:00
                            
                                466阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Jquery方式操作属性(attribute)$().attr(属性名称);   //获得属性信息值$().attr(属性名称,值);    //设置属性的信息$().removeAttr(属性名称);  //删除属性$().attr(json对象);  //同时为多个属性设置信息值,json对象的键值堆就是名称和值$().attr(属性            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-26 15:37:43
                            
                                231阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在写js时,可以通过给jquery对象添加自定义属性,然后通过判断自定义属性的值可以达到快速筛选元素的目的!            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-05-23 23:53:31
                            
                                427阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            设置属性:/*设置属性*/
$("img").attr({"src":"images/1.jpg","alt":"这是一张风景图","title":"请点击"})
/*获得属性*/
alert($("img").attr("src"))after和insertAfter$("p").click(function(){
    /*在被选元素后面添插入新的同辈元素*/
    $("p").afte            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-11 10:54:50
                            
                                89阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            [b]jQuery获取Select的相关属性 
2010-06-20 18:07 
1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的T            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-06 05:56:12
                            
                                50阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1. attr() 方法设置或返回被选元素的属性值。(1)返回被选元素的属性值:$(selector).attr(attribute)(2)设置被选元素的属性和值$(selector).attr(attribute,value)2. removeAttr() 方法从被选元素中移除属性$(selector).removeAttr(attribute)实例从任何 p 元素中移除 id 属性:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-08 21:19:54
                            
                                348阅读