📌  相关文章
📜  如何使用 jQuery 查找所有文本区域和段落以制作边框?

📅  最后修改于: 2022-05-13 01:56:02.761000             🧑  作者: Mango

如何使用 jQuery 查找所有文本区域和段落以制作边框?

给定一组文本区域,任务是在每个文本区域上应用边框,然后添加一些段落,然后使用 jQuery 库在每个段落上定义边框。

方法 1:使用 click()、css() 和 add() jQuery中的方法。

以下示例中定义了两个文本区域、两个段落和一个按钮。该按钮具有apply-border类,并使用click()方法附加了一个单击事件侦听器。单击按钮时,使用css()方法在每个 textarea 元素上应用边框。第一个参数是要设置的属性,在这种情况下是边框,第二个参数是这个边框属性的值。

此外,我们将add()方法与css()方法链接起来,以将所有段落添加到这个 jQuery 对象中。再次,我们使用css() 方法为段落元素设置边框,使用与 textarea 元素讨论的相同过程。

例子:

HTML


  
    
    
    
  
  
  
    

GeeksforGeeks

              

Geeks

    

jQuery

            


HTML


  
    
    
    
  
  
  
    

GeeksforGeeks

              

Geeks

    

jQuery

            


输出:

方法 2:使用 jQuery 中的 bind()、css() 和 add() 方法。

这种方法与前一种方法非常相似,但关键区别在于用于将事件侦听器附加到按钮的方法是具有两个参数的bind()方法,第一个参数是点击事件,第二个参数是匿名函数与之前的方法具有相同的逻辑,而不是使用click()方法。

例子:

HTML



  
    
    
    
  
  
  
    

GeeksforGeeks

              

Geeks

    

jQuery

            

输出: