初始jQuery

最新推荐文章于 2022-03-15 00:49:32 发布
最新推荐文章于 2022-03-15 00:49:32 发布
阅读量120 收藏
点赞数
分类专栏： JQuery 文章标签： 初始jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40770151/article/details/80029011
版权

1、jQuery是JavaScript的程序之一，它是JavaScript对象和实用函数的封装。

2、jQuery是一个优秀的JavaScript库，可以大大提高Web客户端的开发效率。

3、使用jQuery的功能，需要先引用jQuery库文件。

<body>
<script src="js/jquery-1.8.3.js"type="text/javascript"></script>
</body>

4、编写jQuery语句

<script>
   $(document).ready(function(
      alert("输出内容");
));
</script>
5、$(document).ready( )与window.onload 的使用场合类似，但有差异。

6、jQuery 代码中常见的元素包括工厂函数、选择器和方法。

7、addClass（）方法是jQuery中用于进行CSS操作的方法之一，它的作用在于被选中元素添加一个或多个类样式

jQuery 对象.addClass([样式名])

8、CSS第二种操作方法，直接在元素添加CSS样式

css("属性","属性值")； //设置一个CSS属性

css({"属性1":"属性值1","属性2":"属性值2"...});  //同时设置多个CSS属性

9、使用show( )和hide( )可以设置元素的显示和隐藏。

$(selector).show();

$(selector).hide();

10、使用next( )方法可以获得所匹配元素集合中每个元素其后紧邻的同辈元素。

11、DOM对象

在DOM是getElemensByYagName（）或getElementById（）获取元素节点，从而得到DOM对象和DOM元素

var objDOM=document.getElemensByYagName("id");
var objHTML=objDOM.innerHTML;

jQuery对象

jQuery对象是通过jQuery包装DOM对象后产生的对象，方法例如：$("#title").html();

12、jQuery对象和DOM对象的互相转换

获取jQuery对象，在前面加个$ 如：

var $variable=jQuery 对象；

获取DOM对象，定义如下：

var variable=DOM 对象；

还可以通过get[0]或[0]来得到DOM对象


qq_40770151
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
初识jQuery
slj557844的博客
05-30 210
1.jQuery是一个优秀的JavaScript库，使用它可大大提高web客户端的开发效率。 2.要使用jQuery的功能，需要首先引用jQuery库文件。 3.$(document).ready()与window.onload适用场合类似但有差异。 4.jQuery代码中常见的元素包括工厂函数、选择器和方法。 5.jQuery程序代码的特色：包含$符号和连缀操作。 6.每个页面都有对应
jQuery Chosen通用初始化
10-20
主要介绍了jQuery Chosen通用初始化,非常不错，具有参考借鉴价值，需要的朋友可以参考下
jQuery对象初始化的传参方式
10-24
本文简单介绍了jQuery对象初始化传参方式，以及具体的示例，是篇非常不错的文章，这里推荐给小伙伴们。
浅析jQuery Mobile的初始化事件
10-23
主要介绍了浅析jQuery Mobile的初始化事件,jQuery是当前人气最高的JavaScript库,需要的朋友可以参考下
初始jquery
kai521314的博客
09-11 213
初识JQuery的应用： 进入jQuery官网：http://jquery.com jQuery的语法是： 工厂函数$()：将DOM对象转化为jQuery对象 选择器 selector：获取需要操作的DOM 元素 方法action()： jQuery中提供的方法，其中包括绑定事件处理的方法 JQuery操作页面元素： 使用addC...
初始jquery(一)
m0_67376124的博客
03-15 951
目录 一，jQuery简介 1.什么是jQuery？ birth：于2006 年被美国人John resig创建 JavaScript库：jQuery（90%），js(10%) 理念：write less ,do more tip:jquery不是一门语法，而是一个框架 是一些前端框架的基础，如：EasyUI,Bootstrap 简而言之，jQuery就是js框架，用来封装js代码 2.jQuery库的特性 jQuery是一个JavaScript函数库，函数主要实现方面如下： 3...
jQuery学习笔记之初始jQuery
我的博客
03-18 412
1、jQuery是什么 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设...
JQuery页面加载初始化常用方法
mrli113的专栏
06-13 9500
jquery和js初始化加载页面的区别 jquery：等待页面加载完数据，以及页面部分元素（不包括图片、视频），效率更快 js：页面全部加载完成才执行初始化操作 1、使用jquery方式 需要加载js文件<script type="text/javascript" src="./js/jquery-1.7.min.js"></script> 第一种方法：<script type="
jquery cropper 初始化
最新发布
10-11
要初始化 jQuery Cropper，需要按照以下步骤进行： 1. 引入 jQuery 和 Cropper 的 JavaScript 文件： ```html <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/cropper/4.2.0/cropper.min.js"></script> ``` 2. 在 HTML 中定义一个图片容器和一个按钮： ```html <div> <img id="image" src="picture.jpg"> </div> <button id="crop">Crop</button> ``` 3. 使用 jQuery 选择图片容器和按钮，然后调用 Cropper 的初始化方法： ```javascript $(function() { var $image = $('#image'); var $cropButton = $('#crop'); $image.cropper({ aspectRatio: 16 / 9, crop: function(event) { console.log(event.detail.x); console.log(event.detail.y); console.log(event.detail.width); console.log(event.detail.height); console.log(event.detail.rotate); console.log(event.detail.scaleX); console.log(event.detail.scaleY); } }); $cropButton.on('click', function() { var canvas = $image.cropper('getCroppedCanvas'); // TODO: 处理裁剪后的 canvas 对象 }); }); ``` 在初始化的时候，可以传入一些配置选项，比如 `aspectRatio` 表示裁剪框的宽高比，`crop` 是一个回调函数，会在每次裁剪操作完成后被调用，其中的 `event.detail` 对象包含了裁剪框的位置、大小、旋转等信息。 4. 在按钮的点击事件中，可以调用 Cropper 的 `getCroppedCanvas` 方法获取裁剪后的 canvas 对象，然后进行相关处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值