jQuery方法学到一个做一个笔记温故而知新

本文链接：https://blog.csdn.net/m0_54914826/article/details/115868103

本文介绍了jQuery中几个重要的方法，包括attr()用于设置或获取元素属性值，trim()用于去除字符串两端空格，each()用于遍历元素并执行特定操作，append()用于在元素末尾添加内容，同时提到了cite标签、$.inArray()和next()方法的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

attr() 方法设置或返回被选元素的属性值

用于检索 HTML 属性
attr(属性名称|作为属性的“名/值对”对象|key,val属性名称，属性值|function(index, attr)第一个参数为当前元素的索引值，第二个参数为原先的属性值。)
//改变图像的 width 属性： $("img").attr("width","180");
//返回文档中所有图像的src属性值。$("img").attr("src");
&('id').attr("lay-id", item.id); //设置属性 和值

trim()方法去掉空格

password:$.trim($('#username').val())

each() 方法规定为每个匹配元素规定运行的函数。

    $(selector).each(function(index,element))
        //index - 选择器的 index 位置
        //element - 当前的元素（也可使用 "this" 选择器）
    $("button").click(function(){
  	  $("li").each(function(){
      alert($(this).text())
   	 });
	  });

append() 方法在被选元素的结尾插入指定内容。

$(selector).append(content,function(index,html))

cite 标签

可以用来包裹动态添加的目录
$('id').append("<cite>" + item.title + "</cite>");

$.inArray() 函数

用于在数组中查找指定值，并返回它的索引值（如果没有找到，则返回-1）
**提示：**源数组不会受到影响，结果只反映在返回的结果数组中。
语法: 选择器.inArray('要查找的值', '要查找的数组','(可选)指定从数组的指定索引位置开始查找').
//HTML 
<div>"John" 在索引值为 <span></span> 的位置被找到</div>
//js
var arr = [ 4, "Pete", 8, "John" ];
 $( "span" ).inArray( "John", arr ) //"John" 在索引值为 3 的位置被找到

next()方法

获得共享同一个父亲的下一个同级元素
//HTML
	<ul>ul (父节点)  
		<li class="start">li (类名为"start"的兄弟节点)</li>
		<li>li (类名为"start"的li节点的下一个的兄弟节点)</li> //
	</ul>   
//js
$("li.start").next(); //获得第二个li