jQuery语法和简单应用

最新推荐文章于 2023-01-11 18:34:56 发布

鬼道迷踪

最新推荐文章于 2023-01-11 18:34:56 发布

阅读量144

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_39129186/article/details/118975611

版权

基础语法是：$(selector).action()

$("p").hide() - 隐藏所有段落

$(".test").hide() - 隐藏所有 class="test" 的所有元素

$("#test").hide() - 隐藏所有 id="test" 的元素

jQuery的优势

1,简化了js的写法，用$替代了document.getXxx()

2,可以像CSS选择器一样非常方便的获取元素

3,可以通过修改css样式控制页面的效果

var ele = document.getElementById("username"); //js

var ele = $("#username");        // jQuery

var ele = document.getElementsByTagName("p");        //js

var ele = $("p");        //jQuery

var ele = document.getElementsByName("username"); //js

var ele = $('input[name="username"]');                 // jQuery

var ele = document.getElementsByClassName("info");      //js

var ele = $(".info");             // jQuery

$("div").css("background", "red");

$("div").css({

"background" : "blue",

"border" : "2px solid red",

"font-size" : "30px"

});

文档就绪事件

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。如果在文档没有完全加载之前就运行函数，操作可能失败。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>jq</title>



<script src="jquery-1.8.3.min.js"></script>



<script>

// 方式1:还没加载到h1元素,a是null,调用null的资源f12时会出问题

// var a = document.

最低0.47元/天解锁文章

鬼道迷踪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery语法和简单应用

基础语法是：$(selector).action()$("p").hide() - 隐藏所有段落$(".test").hide() - 隐藏所有 class="test" 的所有元素$("#test").hide() - 隐藏所有 id="test" 的元素jQuery的优势1,简化了js的写法，用$替代了document.getXxx()2,可以像CSS选择器一样非常方便的获取元素3,可以通过修改css样式控制页面的效果var ele = document.get.
复制链接

扫一扫