JQuery学习笔记（第一天）

最新推荐文章于 2024-01-20 21:49:50 发布
最新推荐文章于 2024-01-20 21:49:50 发布
阅读量86 收藏
点赞数

Learning JQuery第一个例子

文章中关键字如果有“First” 特殊显示

/SPAN> HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

       <title>First Daytitle>

       <style type="text/css">

           .poem {

             margin: 0 2em;

           }

           .emphasized {

             font-style: italic;

             border: 1px solid #888;

             padding: 0.5em;

             margin: 0.5em 0;

             background-color: #ffc;

           }

       style>

       <script src="../lib/jquery/jquery.js" type="text/javascript">script>

       <script language="JavaScript">

           $(document).ready(function() {

             $('span:contains(First)').addClass('emphasized');    /**/

           });

       script>

    head>

    <body>

       Learning JQuery <span> First Day!span> <a onclick="ready">Enjoya>

    body>

html>

 

JQuery的一些特性和用法、

1.        精准简单的选择对象(dom)

         $('#element');// 相当于document.getElementById("element")

    $('.element');//Class

    $('p');//html标签

    $("form. > input");//子对象

    $("div,span,p.myClass");//同时选择多种对象

    $("tr:odd").css("background-color", "#bbbbff");//表格的隔行背景

    $(":input");//表单对象

    $("input[name='newsletter']");//特定的表单对象

2.        对象函数的应用简单和不限制

         element.function(par)；

    $(”p.surprise”).addClass(”ohmy”).show(”slow”)...

3.        对已选择对象的操作（包括样式）

         $("#element").addClass("selected");//给对象添加样式

    $('#element').css({ "background-color":"yellow", "font-weight":"bolder" });//改变对象样

    $("p").text("Some new text.");//改变对象文本

    $("img").attr({ src: "test.jpg", alt: "Test Image" });//改变对象文本

    $("p").add("span");//给对象增加标签

    $("p").find("span");//查找对象内部的对应元素

    $("p").parent();//对象的父级元素

    $("p").append("<b>Hellob>");//给对象添加内容

4.        支持aJax，支持文件格式：xml/html/script/json/jsonp

         $("#feeds").load("feeds.html");//相应区域导入静态页内容

    $("#feeds").load("feeds.php", {limit: 25}, function(){alert("The last 25 entries in the   feed have been loaded");});//导入动态内容

5.        对事件的支持

         $("p").hover(function () {

      $(this).addClass("hilite");//鼠标放上去时

    }, function () {

      $(this).removeClass("hilite");//移开鼠标

    });//鼠标放上去和移开的不同效果（自动循环所有p对象）

6.        动画

         $("p").show("slow");//隐藏对象(慢速渐变)

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

    $("#block").animate({

    width: "90%",

    height: "100%",

    fontSize: "10em"

    }, 1000 );

    });//鼠标点击后宽、高、字体的动态变化

7.        扩展

         $.fn.background = function(bg){

    return this.css('background', bg);

    };

    $(#element).background("red");

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/209439/viewspace-429386/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/209439/viewspace-429386/

congtou4123
关注
JQuery学习笔记第二天
Depressione的博客
06-16 314
jQuery核心函数 jQuery()或$()函数是jQuery库中的核心函数，jQuery的一切都是基于此函数的。该函数主要用于获取HTML DOM元素并将其封装为jQuery对象，以便于使用jQuery对象提供的其他属性和方法对DOM元素进行操作。以下为可以接收的参数类型： 可以接收一个核心函数 $(function(){ // 本文档页面载入完成后自动执行 alert("文档加载完毕!"); });//jQuery的入口函数 可以接收一个字符串 可以接收一个字符串选择器 v
疯狂Jquery第一天(Jquery学习笔记)
10-28
疯狂Jquery第一天的学习笔记主要涵盖了Jquery的入门知识，包括了Jquery的引用方式、链式操作的介绍和实际应用。下面是根据提供的内容，详细解释的一些知识点。 ### Jquery的引用 Jquery作为一个JavaScript库，其...
JQuery学习笔记
热爱编程、热爱生活、热爱探索
08-21 1205
万字详解带你快速了解并上手JQuery，同时文中还参杂一些使用JQuery的经验，帮助你提前避坑
jQuery学习笔记
深思纵似丁香结，一展芭蕉寸凡心。
01-20 1089
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学习笔记 第一天
hwb21001的博客
10-27 99
jQuery 一 jQuery核心函数： 1 jQuery(expression,[context])执行查询功能。 --expression 要查询的字符串 --context 待查找的元素集、文档或jQuery对象 eg：$("div > p");查找包含在div块中的p标记及其包含的东西，如 HTML 代码: one two three jQuery ...
Jquery学习笔记——第一天
破风少年
02-25 910
Jquery学习打卡Jquery学习笔记---第一天Jquery笔记 第一天1.Jquery引言a)什么是Jqueryb)Jquery的好处c)其他Js框架2.第一个Jquery的程序3.DOM对象 与 Jquery对象4.Jquery对象的获取a)选择器i.基本选择器1.id选择器 $(“#id”) 获得的是一个Jquery对象2.类选择器3.标签选择器4.多路选择器5.选择器 全选择器ii...
01-jQuery第一天学习笔记
孤城星空的博客
03-31 38
概述，基本使用
jQuery学习笔记第三天
Depressione的博客
06-17 253
jQuery属性操作 jQuery的attr方法和removeAttr方法 attr() 方法设置或返回被选元素的属性值。根据该方法不同的参数，其工作方式也有所差异。 $(selector).attr(attribute) $(selector).attr(attribute,value) 可以传一个值，代表获取被选元素的属性值 也可以传两个值，代表设置被选元素的属性和值 注： 如果传一个值，无论找到多少个元素，只返回找到的第一个元素 如果传两个值，就是设置值，那么找到多少个就设置多少个 remov
jQuery学习笔记(初始jQuery)（第一天）
god__father_的博客
10-01 75
一、初识jQuery: javaScript代码端： <script> // 方式一：使用原生的js实现功能 window.onload = function () { var btn01 = document.getElementById('btn01'); btn01.onclick = function () { alert(document.getElementById('username').value);
jQuery第一天，笔记总结
一个前端开发者
04-25 167
jQuery-01 学习目标： 1.能够说出什么是 jQuery 2.能够说出 jQuery 的优点 3.能够简单使用 jQuery 4.能够说出 DOM 对象和 jQuery 对象的区别 5.能够写出常用的 jQuery 选择器 6.能够操作 jQuery 样式 7.能够写出常用的 jQuery 动画 1.1. jQuery 介绍 1.1.1. JavaScript 库 ​ JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库
Jquery学习笔记——第二天
破风少年
02-25 860
Jquery学习打卡Jquery学习笔记---第二天Jquery笔记 第二天1.Jquery的事件处理a)Js中事件处理的2种方式b)Jquery中通过编程式的方式加入事件处理c)注意细节i.this关键字ii.event 事件d)复合事件i.toggle()ii.hover()e)事件处理的完整写法（了解）f)特殊事件【了解】g)事件委派2.Jquery中的DOM编程a)Jquery创建新的H...
jQuery学习笔记第二天的电梯导航案例代码
03-01
本篇将详细探讨jQuery学习笔记中第二天涉及的电梯导航案例，该案例旨在实现一个网页上的楼层跳转功能，通过点击楼层链接，页面会平滑滚动到相应的位置，提升用户体验。 首先，我们要理解电梯导航的基本原理。在网页...
jQuery学习笔记（一）
07-13
**jQuery学习笔记（一）** 在深入探讨jQuery之前，我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...
5116-微信小程序电影院订票选座系统设计及实现+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
JavaScript 中的 `Array.prototype.filter` 方法全解析
09-15
在 JavaScript 编程中，处理数组是一项基本而重要的任务。数组的过滤操作是其中的一个常见需求，Array.prototype.filter 方法为此提供了强大的支持。本文将深入探讨 Array.prototype.filter 方法的工作原理、使用场景、代码示例以及与其他数组方法的比较。 Array.prototype.filter 是 JavaScript 中处理数组的强大工具，它允许开发者以声明式的方式轻松筛选出符合特定条件的元素。通过结合使用 Array.prototype.filter 和其他数组方法，可以解决各种复杂的数据筛选问题。 通过本文的详细介绍和示例代码，你应该能够掌握 Array.prototype.filter 的工作原理，并能够在实际开发中灵活运用它来处理数组数据。此外，了解其与 Array.prototype.map 和 Array.prototype.reduce 的结合使用，可以帮助你更好地编写高效且易于维护的代码。
5108-微信小程序的书橱+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
5046-微信小程序校园二手交易平台的小程序+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
SMT小型视觉贴片机控制系统源码源代码图纸 DI
最新发布
09-15
SMT小型视觉贴片机控制系统源码源代码图纸 DI
图书馆自动化管理系统.zip
09-15
这是一个基于Apache kafka、Docker Compose、MongoDB和Flask技术的图书馆自动化管理系统。该项目旨在实现图书馆的各项服务自动化，包括图书借阅、预约和搜索功能。通过Flask构建REST API，使用MongoDB存储和管理图书、用户、借阅记录、罚款和预约等相关数据。apache Kafka用于系统各组件之间的消息通信，确保消息传递的可靠性和可扩展性。项目还实现了用户认证和授权功能，通过JWT进行安全认证和授权。每个对系统服务的请求都需要使用JWT进行验证。项目提供了全面的文档，解释了系统架构、数据库模式和API端点。同时，项目明确了所有依赖关系，并提供了环境搭建指南，便于其他开发者轻松复制环境。此外，项目还包含测试用例，以确保关键功能的正常运行。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
Jquery学习笔记分享：优势应用及选择器详解
在这里，我们将分享一些 Jquery 学习笔记，希望能够帮助广大开发者更好地掌握和运用 JQuery。 在第一章中，我们首先了解了 JQuery 的概述。JQuery 的基本作用主要是简化 JavaScript 编程，提高开发效率，减少代码量...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值