0
点赞
收藏
分享

微信扫一扫

001-jQuery语法


参考菜鸟教程
/* Jquery通过选取HTML元素,并对选取的元素执行某些操作。
基础语法:$(selector).action
- 美元符号定义jQuery
- 选择符(selector)"查询"和"查找"HTML元素
- JQuery的action()执行对元素的操作
实例:
- $(this).hide()-隐藏当前元素
- $(“p”).hide()-隐藏所有<‘p’>元素
- $(“p”).click()-选中点击的<‘p’>元素
- $(“p.test”).hide()-隐藏所有class="test"的<‘p’>元素
- KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲test").hide()-隐…(document).ready(function(){//开始写jQuery代码});
这是为了防止文档在完全加载(就绪)之前运行jQuery代码,
即DOM加载完成后,才可以对DOM进行操作。如果一个文档没有完全加载之前就运行函数,
操作可能失败。下面是两个具体的例子:
- 试图隐藏一个不存在的元素
- 获得未完全加载的图像的大小
简洁写法(与上面写法效果完全相同):
001-jQuery语法_加载(document).ready(function(){});
以上两种方式可以选择你喜欢的方式实现文档就绪后执行jQuery方法
*/

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>

$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
}
);
</script>

效果

001-jQuery语法_加载_02


001-jQuery语法_jquery_03


001-jQuery语法_ide_04


举报

相关推荐

0 条评论