JQuery练习题

最新推荐文章于 2024-04-24 10:26:01 发布
最新推荐文章于 2024-04-24 10:26:01 发布
阅读量170 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45605868/article/details/100995296
版权 
1.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery/jquery-3.4.1.min.js"></script>
<script>
    $(function () {
        $('#a').click(function () {
            $('div').css({'background-color': 'blue'});
        });
    })
</script>

</head>
<body>
<div style="width: 40px; height: 50px; background-color: green;"></div>
<input type="button" value="点我上面的div会变色！" id="a"/>
</div>
</body>
</html>





2.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
     <script src="jquery/jquery-3.4.1.min.js"></script>
    <script>
$(function () {
$('#btn').click(function () {
    $('p').text('我是子元素');
});
})
</script>
</head>
<body>
<div>4444<p>点击！</p>
</div>
<input type="button" value="点" id="btn"/>
</div>
</body>
</html>








3.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery/jquery-3.4.1.min.js"></script>
<script>
    $(function () {
        $('#btn').click(function () {
            $('#p2').css('backgroundColor','orangered');
        });
    })
</script>
</head>
<body>
<div>
<p style="background-color: green;">绿色</p>
<p style="background-color: blue" id="p2">蓝色</p>
</div>
<input type="button" value="点我" id="btn"/>
</div>
</body>
</html>









4.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery/jquery-3.4.1.min.js"></script>
<script>
    $(function () {
        $('#btn').click(function () {
            $('ul li:last').remove();
        });
    })
</script>
</head>
<body>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>
<input type="button" value="点我" id="btn"/>
</div>
</body>
</html>









5.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery/jquery-3.4.1.min.js"></script>
<script>
    $(function () {
        $('p').click(function(){
            alert($(this).index())
        })
    })
</script>
</head>
<body>
<div>
<p>1</p>
<p>2</p>
<p>3</p>
</div>
</body>
</html>









6.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
     <script src="jquery/jquery-3.4.1.min.js"></script>
    <script>
$(function () {
    $('#btn').click(function () {
        $('.box').animate({
            'left':'+=500px'
        })
    });

})
</script>
</head>
<body>
<div class="box" style="width:30px; height:30px; background-color:blue;position: absolute;">
</div>
<input type="button" value="点我" id="btn">
</body>
</html>
Sunʸʸʸ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jq和js用mousemove获取鼠标当前位置
甲戌天火的博客
07-26 8772
html> lang="en"> charset="UTF-8"> jq获取鼠标的位置 div{ width: 500px; height: 500px; background-color: #585858; margin: 0; pa
Jquery练习题
PanHanJia的博客
09-17 576
1.使用jquery修改div元素的背景色(随意颜色) 第一个div已经点击，第二个未点击！ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="JQuery/jquery-3.4.1...
jQuery基础选择器练习题
07-11
JQ 选择器大全包含：基本选择器,层级选择器,层级函数,过滤选择器,内容选择器,可见选择器,jq中显示相关的函数,属性选择器,子元素选择器,表单选择器。里面的练习题可以拿来练手
jQuery基础题及答案20题——必刷前端题目(背)
weixin_45189258的博客
07-04 6435
1.下面哪种说法是正确的？ 2.jQuery 使用 CSS 选择器来选取元素？ 3.jQuery 的简写是？ 4.通过 jQuery，选择器 $("div") 选取什么元素？ 5.jQuery 是客户端脚本库，还是服务器端脚本库？ 6.可以将 jQuery 与 AJAX 一起使用吗？ 7.jQuery html() 方法适用于 HTML 和 XML 文档。 8.把所有 p 元素的背景色设置为红色的正确 jQuery 代码是？
10道JQuery的小练习
qq_40411946的博客
07-03 5808
期 末 复 习 的 10 道 jQuery 小练习 1.使用jquery修改div元素的背景色(随意颜色)&lt;body&gt; &lt;div&gt; &lt;/div&gt; &lt;script&gt; /* 1.使用jquery修改div元素的背景色(随意颜色) * * */ $('div').css('background',"...
jQuery 下部分--头歌（educoder)实训作业题目及答案
最新发布
qq_69173578的博客
04-24 2230
jQuery动画
JQuery 的简单练习
weixin_30315905的博客
01-31 78
面对闪存太多的情况,想要删除闪存,在"我的"栏目中使用以下脚本: setInterval('refreshQuery()',5000); function refreshQuery(){ var str = $(".recycle").attr("onclick"); var ingId = str.substring(str.in...
jquery简单题目
qq_41280293的博客
07-24 510
1 2    
JQuery练习
冰零0o的博客
06-06 928
需要的jquery库：核心库：jquery-1.8.3.js校验库：jquery.validate.js中文校验库：messages_zh.js下载地址：https://download.csdn.net/download/weixin_42072596/104618051、省市二级联动&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;m...
几个简单的jquery知识点练习
qizhichao110的专栏
01-21 2484
三、jquery对象和dom对象             //页面的基本元素加载后         $(function () {             var btnObjDom = document.getElementById('btn');             //dom对象变成jquery对象             alert($(btnObjDom).val
Jquery部分效果练习
07-01
新人，最近练习的一些jquery实现的前端效果
jquery测试题
08-24
测试题，点击是，否选择
jquery试题与答案
04-29
业内顶级公司内部前端开发笔试题，如果想成为一个前端工程师，这份可以作为你的试金石。
JQuery 期末习题
06-19
jquery的期末习题，希望对大家 有帮助
jQuery练习题.docx
06-08
jQuery 练习题 本资源为 jQuery 练习题，包含答案，可以进行学习。下面是从该资源中生成的相关知识点： 一、 jQuery 基础知识 1. jQuery 显示隐藏的元素用 show() 方法实现。 2. jQuery 中，$.ajaxSetup() 用于...
JQuery练习题1
05-10
**jQuery基础** jQuery是一款强大的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务，使得前端开发更加高效。本篇将基于jQuery的实践题目，深入理解其核心概念和常用方法。 1. **选择器**:...
jQuery选择器上机练习题及答案.rar
12-02
在chrome的控制台中输入jQuery代码并执行，完成以下选择动作： （1）查找id号为tigerLily的元素 （2）查找拥有类myList的元素 （3）查找所有的input元素 （4）查找所有img元素和tr元素 （5）查找id号为...
前端学习（三）实训复习一JQuery框架（二）
忆_恒心的博客
02-14 347
一、商品购物车： 要求： 效果图： 前端教材提供。 JS自写： calToal(); //1.删除功能 $("table").find("tr[id^='product']").find(".cart_td_8").find("a").click(function(){ if (confirm("确认要删除吗")) { var $tr=$(this).parent(...
jq 改数组的k值_每天一道算法题-求和小于K的最大子数组
weixin_31937605的博客
12-26 106
问题描述给一个整数数组和整数K，求各个子数组求和的最大值，且最大值小于K。栗子Input: [1, 1, 4, 4], k = 3Output: 2Explanation: 子数组[1, 1]，求和为2，小于3并且最大。Input: [1, 1, 4, 4], k = 6Output: 5Explanation: 子数组[1, 4]，求和为5，小于6并且最大。思路如果用暴力方法，那就是遍历所有子数...
①、jQuery(1)，海量算法高频面试题精编解析
m0_61440508的博客
09-05 109
在vs中新建jquery.min.js 文件（此处任何名称均可，只要是js文件即可） 在html 文件进行引入即可 <script src = "jquery.min.js"></script> 1.2、jQuery的入口函数???? // 第一种方法 推荐 $(function(){ ... // 此处是页面DOM加载完成的入口 }) // 第二种方法 $(document).ready(function(){ ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值