JQuery复习

最新推荐文章于 2022-10-05 23:08:19 发布

qq_46448507

最新推荐文章于 2022-10-05 23:08:19 发布

阅读量135

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/qq_46448507/article/details/105711905

版权

隐世迭代思想

自动遍历dom元素的过程就叫做隐世迭代
jquery在获取元素的时候就已经给我们把获取的这一大类元素遍历了，并且获取的元素是以伪数组的形式存在的，我们要单独修改属性或者样式的话，直接遍历获取的元素

  <script src="./jquery/jQuery.min.js"></script>
</head>

<script>
   $(function() {
       console.log($('li'));
   })
</script>

<body>
   <ul>
       <li>1</li>
       <li>2</li>
       <li>3</li>
       <li>4</li>
       <li>5</li>
   </ul>

结果如下
在这里插入图片描述
以上也就证明了jquery获取的是一大类元素，并且是以伪数组的形式存储的,对以上代码进行了添加方法，实际上是给所有的添加样式

$('li').css('backgroundColor', 'pink')

在这里插入图片描述
还有一点需要注意的时jquery修改样式是通过css(‘属性名’，’属性值‘)来进行修改的。属性名要严格采用驼峰命名规则，如backgroundColor，fontSize等。

其实吧，个人觉得jquery的学习和原生js的学习差不多，首先都是操作dom元素，怎么获取想要的dom元素，就是首先我们需要解决的问题，基础选择器虽然也能获取元素，但是没办法快速的获取，而且还需要给元素添加类名，id等，比较麻烦，这时筛选选择器就是很快的筛选出来，个人觉得如下三种选择器基本上就可以很快的筛选出来所需的dom元素
筛选 ul的第一个子元素

 $('ul li:first')

筛选ul最后一个子元素

 $('ul li:last')

筛选ul第索引号个子元素

 $('ul li:eq(2)')

当然了还有奇数选择器（：odd）和偶数选择器（：even），不过这些都是i建立在索引号的基础上的。

当然jquery还提供了一些方法用来筛选元素。
在这里插入图片描述
但是我个人感觉吧，其实还没有筛选选择器好用，不过其中有两个还是有点用的，sublings(selector)查找不包含自己的兄弟节点，这一点的话，以后的链式编程会用到，不用重新去获取dom元素了。还有一个就是hasClass(class),这个选择器可以用来判断是否包含某个类，返回值是boolean，有就是true，没有就是flase。

qq_46448507

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery复习

隐世迭代思想jquery在获取元素的时候就已经给我们把获取的这一大类元素遍历了，并且获取的元素是以伪数组的形式存在的，我们要单独修改属性或者样式的话，直接遍历获取的元素 <script src="./jquery/jQuery.min.js"></script></head><script> $(function() { ...
复制链接

扫一扫