jQuery初体验

最新推荐文章于 2025-08-11 23:19:59 发布

原创最新推荐文章于 2025-08-11 23:19:59 发布 · 673 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #prototype #javascript #border #java

本文介绍如何使用jQuery库选择元素并修改其样式。通过示例代码展示了如何设置元素的内容、高度、宽度及CSS样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery是一个非常优秀的javascript库，与prototype库有想似之处。

<body>
<div id="lee"></div>
<script type="text/javascript" src="../jquery-1.7.1.js">
</script>
<script type="text/javascript">
	var target = $("#lee")
	target.html("我要学习jQuery")
		.height(60)
		.width(160)
		.css("border" , "2px solid black")
		.css("background-color" , "#ddddff")
		.css("padding" , 20);
</script>
</body>

var target = $("#lee") 返回id为lee的jquery对象，是包装了DOM的jquery对象。jquery有很多改变自身属性的方法，（类似于java中的set方法），返回该jquery对象，所以上面代码连续多次调用改变自身属性的方法。

导入jquery代码如上：

<script type="text/javascript" src="../jquery-1.7.1.js"> // src指向jquery所在的位置

为了让jquery与其他javascript共存，（比如prototype），有一个问题，$()函数，因为$（）函数功能很强大，返回的是jquery对象，而prototype返回的是一个DOM对象，所以必然引发冲突。取消jquery的$()函数，用如下方法：jQuery.noConflict(),相当于取消$()函数，建议放在javascript第一行。也可以起别名，格式如下：

var a = jQuery.noConflict();//相当于把$()函数别名为a（），即a()=$()
var target = a("#lee")

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

beyond667

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JQuery初体验

qq_27905183的博客

03-11

517

使用JQuery有两种方式：使用网上CDN导入或者直接下载然后导入路径使用CDN内容分发模式主要由三种方式： 1.使用google的CDN: http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js 2.使用MicroSoft的CDN： http://ajax.aspnetcdn.com/ajax/j

jquery初体验

JiangHuiVin的博客

02-22

325

jquery: jquery是一个js框架（node.js angular.js bootstrap.js ）这个框架可以帮我快速方便的操作html的css样式，修改html内容，查找html元素使用jquery的方法：先导入jquery-3.1.1.js文件到项目，然后在要使用jquery-3.1.1.js的页面中引入该js文件获取jq

参与评论您还未登录，请先登录后发表或查看评论

1-2jQuery初体验

dada678的专栏

07-03

324

如果你了解JavaScript语言，那将对你掌握jQuery如虎添翼，因为jQuery本身就是JavaScript，只不过是把JavaScript代码包装成拿过来就能实现特定功能的代码库！例如，我们想改变页面中所有段落标签中的文本内容： javaScript代码： jQuery代码：以上两段代码完成的功能是一样的。由此可以看出，jQuery更加的简洁方便，我们在

jQuery入门第一章（jQuery初体验）

m0_56344602的博客

09-05

587

JQ 基本概念 jQuery 其实就是别的团队封装好的一个 JS 文件。常见错误没有引入 jQuery 文件，引入失败，请检查 jquery.js 文件的路径。 JQ 对象和 DOM 对象互相转换不同类型的对象拥有不同的属性和方法 JQ 对象调用 JQ 对象的方法和属性。 DOM 对象调用 DOM 对象的方法和属性。 JQ 对象和 DOM 对象可以互相转换。 JQ 对象和 DOM 对象关系图 JQ 对象可以提取出 DOM 对象 DOM 对象也

jQuery初体验 —— 本地存储方式实现ToDoList

敏敏的博

03-17

1631

文章目录前言一、ToDoList 案例介绍二、ToDoList 案例分析1.本地存储数据2.页面渲染三、案例实现总结前言终于学到jQuery啦！今天通过实现ToDoList这个小案例来练习一下jQuery的使用，顺便复习一下本地存储。（源码在文末）一、ToDoList 案例介绍文本框里面输入内容，按下回车，就可以生成待办事项。点击待办事项复选框，就可以把当前数据添加到已完成事项里面。点击已完成事项复选框，就可以把当前数据添加到待办事项里面。本页面内容刷新页面不会丢失。最终效果如下图所

jQuery - 1 - jQuery初体验

yanqianzq的博客

03-29

155

一、什么是jQuery jQuery的官网http://jquery.com/ 1）jQuery就是一个js库，使用jQuery的话，会比使用JavaScript更简单。 jQuery其实就是一个js文件，里面封装了一大堆的方法方便我们的开发，其实就是一个加强版的common.js。 2）js库：把一些常用到的方法写到一个单独的js文件，使用的时候直接引用这些js文件就可以了。（anima...

JQuery入门（一）JQuery初体验

jwang的博客

11-08

384

前言本章将进入全新的章节学习，在这里我们将学习JS的“轮子”JQuery。方法 1.概念相信大家经过前面的JS学习，在原生的JS中操作html元素如通过id获取html对象是document.getElementById("id")来进行获取，在JQuery库中，我们只需要简单的$("#id")即可，是不是很爽！各大网站对JQuery的定义如下： jQuery 是一...

JQuery 初体验(建议学习jquery)

10-29

JQuery 是一个非常流行的 JavaScript 库，其市场份额高达70%，深受开发者喜爱。...通过这个简单的JQuery初体验，我们可以看出，它不仅能够简化DOM操作，还能帮助我们解决实际开发中的各种问题，提高开发效率。

1. JQuery初体验--helloWorld

04-13

**JQuery初体验——Hello World** JQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互。这个“1. JQuery初体验--helloWorld”主题将引导你入门JQuery，通过一个简单的“Hello ...

JQuery初体验-JavaScript实现2048小游戏PC端源码

12-19

《JQuery初体验：通过JavaScript实现2048小游戏》 2048是一款深受玩家喜爱的数字拼图游戏，其简洁的界面和富有挑战性的玩法吸引了大量的编程爱好者尝试用各种编程语言进行实现。本教程将带你走进JavaScript与jQuery...

jQuery交互式前端开发(第一季)：初体验/选择器/事件绑定

06-19

本课程内容详尽，讲解深入。内容包括：jQuery选择器、包装对象、jQuery的DOM操作、样式操作、属性操作、节点操作、动画效果、事件绑定和解绑、自定义事件、隐式迭代、链式编程、jQuery插件开发、各种案例等。

Vue3学习之创建vue3项目文件

2301_76989410的博客

08-09

225

Vue3是一个更高效、轻量级的渐进式JavaScript框架，专注于构建用户界面。本文介绍了Vue3项目创建流程：首先安装Node.js并验证环境；然后通过PyCharm创建项目文件夹，使用npm命令初始化Vue项目并选择配置（建议选择TypeScript）；最后清理默认文件结构，开始自定义开发。文中还详细说明了如何删除默认组件代码，为个性化开发做好准备。

前端工程化：pinia

西岭千秋雪的博客

08-11

144

本文介绍了Pinia作为Vue.js官方推荐的状态管理库，用以解决组件间数据共享和状态同步问题。文章首先说明状态管理的必要性，随后详细讲解Pinia的初始化配置，包括安装、挂载和Store创建（包含state、getter、action）。最后通过示例展示如何在组件中使用Store，实现数据获取和渲染。Pinia能有效简化复杂应用的状态管理，提升开发效率。

HENGSHI SENSE 6.0 功能-AI 查数助手

zandy1011的博客

08-11

191

AI查数助手6.0版本实现重大升级，全面优化BI和数据分析能力。新版本显著提升问答效率，通过流程优化使响应速度提升20%-40%，稳定在10秒内完成。新增ReactJSSDK支持，可无缝嵌入企业现有AI应用。同时推出基于钉钉/企微/飞书的Chatbot数据问答机器人，支持PC/移动端跨平台使用，让企业用户能随时随地通过办公软件快速查询数据。这些升级使企业能更高效利用数据资源，提升决策效率。

使用萤石云播放视频及主题模版配置

多看书少吃饭的博客

08-07

674

本文介绍了如何在H5页面中集成萤石云视频播放功能。首先需要安装ezuikit-js依赖，然后通过EZUIKitPlayer组件传入accessToken和视频URL即可实现基础播放功能。文章详细说明了两种版本（UIKIT和UIKITPRO）的区别，并提供了完整的代码示例，包括视频容器设置、自动播放配置和样式调整。此外，还介绍了如何通过template字段自定义视频主题模板，包括官方模板和自定义模板两种方式。最后提及了WEB端和H5端均可进行模板配置，为开发者提供了完整的萤石云视频接入解决方案。

02Vue3