jQuery学习笔记1-4

最新推荐文章于 2024-04-04 02:59:46 发布
最新推荐文章于 2024-04-04 02:59:46 发布
阅读量376 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ve7ev/article/details/8597408
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>1-4jQuery的控制DOM对象</title>

    <!--

        【功能描述】

           在页面中，用户输入姓名、性别和婚姻状况，单击“提交”按钮后，将获取到的数据信息显示在页面<div>标记中

    -->

    <script language="javaScript" type="text/javascript" src="JavaScript/jquery-1.9.1.min.js"></script>

    <style type="text/css">

        .dicFrame{width:260px;border:solid1px #666;

           font-size:10pt}

        .divTitle{background-color:#eee;padding:5px}

        .divContent{padding:5px;}

        .divTip{width:244px;border:solid1px #666;

               padding:8px;font-size:9pt;

               margin-top:5px;display:none

               }

        .txtCss{border:solid1px #ccc}

        .divBtn{padding-top:5px}

        .divBtn.btnCss{boder:solid 1px #535353;width:60px}

        .divCurrColor{background-color:Red}

    </style>

    <script type="text/javascript">

    //->链接式书写

    $(function(){

        $("#Button1").click(function(){       

       

        varstrname=$("#Text1").val();

        varstrSex=$("#Radio1").is(":checked")?"男":"女";

        varstrMarry=$("#Checkbox1").is(":checked")?"已婚":"未婚";

        $("#divTip").css("display","block").html(strname+"</br>"+strSex+"</br>"+strMarry);

        });

    });

    //<-

    </script>

  </head>

 

  <body>

    <div class="divframe">

    <div class="divTitle">请输入如下信息</div>

    <div class="divContent">

        姓名：<input id="Text1" type="text"class="textCss"/></br>

        性别：<input id="Radio1" name="rdoSex"type="radio" value="男"/>男

              <input id="Radio2" name="rdoSex"type="radio" value="女"/>女<br/>

        婚否：<input id="Checkbox1" type="checkbox"/>

        <div class="divBtn">

            <input id="Button1" type="button"value="提交" class="btnCss"/>

        </div>

    </div>

    </div>

    <div id="divTip" class="divTip"></div>

  </body>

</html>

 

ve7ev
关注
专栏目录
jQuery学习笔记--制作简易留言板
努力追光的小王
07-20 4563
功能实现 点击发布，通过下滑方式展示留言。点击删除，通过上滑方式删除留言。没有本地存储，所以刷新之后会重置。 运行结果 代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
jQuery学习笔记详解--(一）
2401_84092322的博客
04-07 419
给大家分享一些关于HTML的面试题，有需要的朋友可以戳这里获取，先到先得哦。！！（备注：前端）**给大家分享一些关于HTML的面试题，有需要的朋友可以戳这里获取，先到先得哦。[外链图片转存中…(img-EsCLOIrp-1712457658244)][外链图片转存中…(img-9HbvgsBL-1712457658244)]
JQuery学习笔记
热爱编程、热爱生活、热爱探索
08-21 1230
万字详解带你快速了解并上手JQuery，同时文中还参杂一些使用JQuery的经验，帮助你提前避坑
jQuery学习笔记1------用来做笔记
qq_36460907的博客
09-08 75
jQuery的入口函数 jQuery中常见的两种入口函数： // 第一种: 简单易用。 $(function () { ... // 此处是页面 DOM 加载完成的入口 }) ; // 第二种: 繁琐，但是也可以实现 $(document).ready(function(){ ... // 此处是页面DOM加载完成的入口 }); jQuery中的顶级对象$ $是 jQuery 的别称，在代码中可以使用 jQuery 代替，但一般为了方便，通常都直接使用 $ 。
jQuery学习笔记
深思纵似丁香结，一展芭蕉寸凡心。
01-20 1125
jQuery学习笔记 JQuery入门-笔记部分 jQuery概述 jQuery是js库 库：相当于java的工具类，库是存放东西的，jQuery是存放js代码的地方，放的是用js代码写的函数 jquery是为了简化js的操作 jquery的安装 <script src="js/jquery-3.4.1.js" type="text/javascript"></script> 需要（在前面）引入jquery的核心js文件，不然会报错（$未定义）! jquery核心 $ 符号在j
jQuery学习笔记详解--(一），HTML实体字符列表
HUAXIAL的博客
03-17 973
四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~祝大家都能收获大厂offer~开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】篇幅有限，仅展示部分内容。
jQuery——jQuery学习笔记(完整版）
Bonsoir777的博客
09-16 1369
本文主要介绍有关jQuery的相关知识点
jQuery - 学习笔记 - jQuery Validation Plugin
灵台方寸山斜月三星洞
12-17 1033
jQuery - 学习笔记 - jQuery Validation Plugin添加自定义验证规则设置默认配置参考资料 $(function(){ $( "#表单id").validate({ rules: { 标签甲name: { // 对应要验证的元素，支持多个 验证规则a: 条件 // 验证规则，支持多个 } }, messages: { // 自定义失败提示信息（不写会
jquery基础--学习笔记
可达鸭的博客
11-18 441
jquery基础--学习笔记
jQuery学习笔记详解--(一），CSS盒子模型居中方法
2401_83946509的博客
04-04 1005
jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。就是一堆JavaScript代码jQuery库包含以下功能：HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities提示： 除此之外，jQuery还提供了大量的插件。目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，还提供了大量扩展。
jquery学习笔记--1
03-16
**jQuery学习笔记--1** jQuery是一个轻量级的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本篇笔记将深入探讨jQuery的基础知识，包括其核心概念、选择器、DOM操作、事件...
JQuery学习笔记 nt-child的使用
10-28
在【标题】"JQuery学习笔记 nt-child的使用"中，我们关注的是如何有效地在DOM结构中找到并操作子元素，特别是涉及到嵌套结构时。 当我们需要对容器内的特定子元素进行操作时，`find()`方法就显得非常有用。例如，在...
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
10-27
这里需要注意的是，索引的计数是从0开始的，因此在获取行号和列号后，需要分别加1来转换成人类可理解的计数方式。 最后，作者展示了如何利用这些行号和列号在业务处理中获取表格中特定位置的值。在示例中，作者通过...
JQuery-Learning-Note:jQuery学习笔记
04-28
**jQuery学习笔记** jQuery是一个广泛应用于前端开发的JavaScript库，它极大地简化了JavaScript代码的编写，使得DOM操作、事件处理、动画制作以及Ajax交互变得更加容易。这篇笔记将深入探讨jQuery的核心概念、常用...
Java 代码实现了一个简单的文本编辑器-可运行
10-17
Java 代码实现了一个简单的文本编辑器
MATLAB实现基于Attention-LSTM的多特征分类预测（含完整的程序和代码详解）
10-17
内容概要：本文详细介绍了如何使用MATLAB实现基于Attention机制的LSTM模型进行多特征分类预测。主要内容包括程序设计思路、代码实现、模型构建与训练、模型评估及可视化、以及简单的GUI界面设计。模型可以在多个领域应用，如金融数据分析、医疗诊断等。 适合人群：对深度学习和分类预测感兴趣的科研人员和开发人员，具备一定的MATLAB和深度学习基础。 使用场景及目标：适用于需要处理时间序列数据并进行分类预测的项目。目标是通过Attention-LSTM模型提高分类准确率，同时提供直观的可视化结果和友好的用户界面。 其他说明：文中提供了详细的代码实现和注释，读者可以通过实践加深对模型的理解。此外，还讨论了模型优化和未来的研究方向。
基于Flask和SQLAlchemy 的简易仓库管理系统源码(期末课程设计).zip
10-17
基于Flask和SQLAlchemy 的简易仓库管理系统源码(期末课程设计).zip 1.多数小白下载后，在使用过程，可能会遇到些小问题，若自己解决不了，请及时私信描述你的问题，我会第一时间提供帮助，也可以远程指导 2.项目代码完整可靠，谈不上高分、满分(多数为夸大其词），但难度适中，满足一些毕设、课设要求，且属于易上手的优质项目，项目内基本都有说明文档，按照操作即可，遇到困难也可私信交流 3.适用人群：各大计算机相关专业行业的在校学生、高校老师、公司程序员等下载使用 4.特别是那种爱钻研学习的学霸，强烈推荐此项目，可以二次开发提升自己。如果确定自己是学渣，拿来作毕设、课设直接用也无妨，但自己还是尽可能弄懂项目最好！
民航网上订票系统 JAVA毕业设计 源码+数据库+论文 Vue.js+SpringBoot+MySQL.zip
最新发布
10-17
民航网上订票系统 JAVA毕业设计 源码+数据库+论文 Vue.js+SpringBoot+MySQL 系统启动教程：https://www.bilibili.com/video/BV11ktveuE2d
JAVA项目报告-闹钟的设计与实现.pdf
10-17
JAVA项目报告-闹钟的设计与实现.pdf
JQuery实战技巧与学习笔记
"JQuery学习笔记" 在JQuery的学习过程中，我们首先了解到JQuery是一个强大的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本笔记主要围绕JQuery实战中的关键知识点展开，通过实例帮助...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值