jQuery知识2

程序员文章站 2022-06-12 10:11:42

...

1.选择器，可以根据元素的类型，特性或者元素在HTML的位置来精确地描述元素；比如选择器p a就是引用位于<p>元素内的所有超链接（<a>）集合；

jQuery选择器支持与css同样的选择器，甚至比其还多，要选择一组元素：$(selector)

2.选择器实例

$("p:even") 选择所有偶数行的<p>元素

$("tr:nth-child(1)") 选择每个表格的第一行元素

$("body>div") 选择作为<body>直接子节点的<div>元素

2.jquery提供的功能：

（1）包装器-包装要操作的元素是最常用的方法；

（2）使用函数-作为一些通用使用函数的命名前缀；

（3）文档处理就绪程序-因为趋势是将行为和结构分离开来，所以我们就需要在文档标记的外部来执行对页面元素的操作，一般情况下是文档加载完之后进行，但是现在web中的信息越来越多，这样处理会明显的造成用户等待问题，

现在的很好的处理就是在文档结构完全解析并且HTML转换成为了DOM树，即DOM树加载完毕后立即触发脚本执行；

jQuery（document）.ready(function(){

    $("div.noLong").hid();

})

读：jquery()函数包装document对象，然后调用ready()方法并传递一个在文档就绪时执行的函数；

称之为“正式语法”(这个结构很经典，因为我是刚接触，就看到好多次，现在才知道其意义)

可以简写：

jQuery（document）.ready(function(){

    $("div.noLong").hid();

})

vue 组件基础知识总结