发表于: 2021-08-14 23:30:20

0 1878


今天完成的事情:
jq中each方法的应用

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

<ul>
  <li>西瓜</li>
  <li>梨子</li>
  <li>芒果</li>
</ul>
<button>点击我</button>


$("button").click(function(){
    $("li").each(function(){
        alert(this.textContent)
    })
})



对按钮进行点击后,会依次弹出西瓜,梨子,芒果

大部分jQuery方法在内部都会调用each,其主要的原因的就是jQuery的实例是一个元素合集

jQuery的大部分方法都是针元素合集的操作,所以jQuery会提供$(selector).each()来遍历jQuery对象




jq中查找数组中的索引inArray

jQuery.inArray( value, array ,[ fromIndex ] )

例如:

var arr = ["box1","box2","box3","box4"]

var x = $.inArray("box4",arr);

那么变量x储存的索引为3



jq中去空格神器trim方法

比如input中的内容两端留有空白,可以使用这个方法消除空白字符

$("button").click(function(){

    alert($.trim($("input").val()).length);

})



jq中DOM元素的获取get方法

get() 方法获取由选择器指定的 DOM 元素。

get方法是获取的dom对象,也就是通过document.getElementById获取的对象

在使用get方法时,要按照js里的操作方式,如果使用jqz中的css()与html()不生效

也就是使用innerHTML与style来修改内容与样式



jq中DOM元素的获取index方法

$(selector).index()





明天计划的事情:
这几天花了很多时间做总结,决定明天回归到任务上来,把自己的总结与任务中的代码进行印证,来加深印象

很多东西,都很容易忘,反反复复的,效率低。。。





遇到的问题:
学过的一些知识,感觉很容易忘

再就是不太懂得举一反三

做实际的任务,理解逻辑方面的能力有所欠缺




收获:

jq核心操作的一些总结






返回列表 返回列表
评论

    分享到