jQuery 中 css('width') 和 width() 方法的区别

jQuery 中 css('width') 和 width() 方法的区别

在 jQuery 中，我们有两种方法可以更改任何 HTML 元素的宽度。 jQuery css() 方法和 width() 方法，下面这两种方法都通过示例进行了正确描述。

jQuery CSS('width') 方法：它是 jQuery 中存在的一种方法，用于获取或设置匹配元素的属性。它是用于获取或设置任何 HTML 元素的宽度的属性。

句法：

$('selector').css('width', 'value in px')

参数：

• 宽度：它是一个属性名称，因此它将是字符串类型。
• 值：可以是字符串或数字。

在这种改变宽度的方式中，我们总是要在值中附加“ px” 。

句法：

• 要改变宽度，我们必须提供值

  $("#test").css("width", "200px")

• 为了获得宽度，我们不提供任何值参数。它以 px 为单位返回所选元素的宽度。

  $("#test").css("width")

示例：在此代码中，我们将打印“h3”元素的默认宽度值，然后将宽度更改为 200px。这演示了使用css('width')获取或设置元素的宽度

HTML

  

    
    
    

  

    GeeksforGeeks
    
        // Getting "h3" element default width
        document.write("Width before change : " 
            + $("h3").css("width"));
        document.write("<br>");
  
        // Changing "h3"element width
        $("h3").css("width", "200px")
  
        // Now checcking again width
        document.write("Width after change : "
            + $("h3").css("width"))
    

  

输出：

css（“宽度”）

jQuery width() 方法： 该方法用于获取当前匹配元素的宽度或设置每个匹配元素的宽度。

句法：

$('selector').width()

• 参数：它不接受任何参数。
• 返回值：它返回第一个匹配元素的宽度。

例子：

$("#test").width()

要更改元素的宽度，请使用以下语法

句法：

$('selector').width("value")

• 参数：它接受一个值作为参数，它可以是字符串或数字的类型。

示例：在width()方法中，我们不需要在 value 中附加单词px 。

$("#test").width("200")

示例：在此，我们将执行与上述代码相同的操作，但现在使用width()方法。

HTML

  

    
    
    

  

    GeeksforGeeks
    
        // Getting "h3" element default width
        document.write("Width before change : "
            + $("h3").width());
        document.write("<br>");
  
        // Changing "h3"element width
        $("h3").width("200")
  
        // Now checking again width
        document.write("Width after change : " 
            + $("h3").width());
    

  

输出：

宽度（）

在这两种方式中，我们的输出将是相同的，因为两种方法的执行方式相同。

jQuery 中 css('width') 和 width() 方法的区别：

css(“width”)	width()
css() is a method and width is a property name.	It is one of the methods of jQuery dimension.
It is used to get or set the width of the matched element.	It is also used to get or set the width of the matched element.
In this, the return value is in the “px” value for the width of an element.	It just provides the value.
It returns the width of an element with px added to the value. For example – $(“h3”).css(“width”) will return 200px.	It returns the width value of the element.For example – $(“h3”).width() will return 200.