JQUERY主题的文章列表，还有JQUERY的技术要点_第7页

jquery简单几句代码实现星级评论效果

我前面博客写过一个星级评论的原生写法，非常复杂，今天就通过jquery来写一个简单的星级点亮的效果，来看代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</ti...

代码星球 ·2021-02-20

jquery实现导航启用数字键盘监听效果

今天写一个案例：就是导航可以用数字键盘来监听，也就是点击数字键盘相应的导航触发并且出现相应的样式。来看代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</tit...

代码星球 ·2021-02-20

jquery的事件对象

jquery的事件对象就是js事件对象的一个封装，就是做了一个兼容性的封装。screenX和screenY对应屏幕最左上角的值clientX和clientY距离页面左上角的位置（忽略滚动条）pageX和pageY距离页面最顶部的左上角位置（会计算滚动条的位置）event.keyCode按下的键盘代码event.data...

代码星球 ·2021-02-20

js和jquery获取屏幕宽高以及加margin和padding等边距的宽高

Javascript:网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth(包括边线的宽)网页可见区域高：document.body.offsetHeight(包括边线的高...

代码星球 ·2021-02-20

jquery中的创建节点和添加节点的方法

今天来说一下针对jquary关于创建节点和添加节点的方法，先来看看创建节点：1、直接添加节点内容即可$("div").append('<ahref="http://www.baidu.com">百度一下</a>');2、可以创建jquary对象添加进去var$li=$('<ahref="h...

代码星球 ·2021-02-20

jquery实现图片手风琴效果

话不多说，来看代码实现手风琴效果：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><style>*{mar...

代码星球 ·2021-02-20

jquery实现京东轮播图的简单写法

今天来写一个轮播图的案例，之前的博客中是有写过的，不过都是通过原生js来写的，比较复杂一些，今天来通过jquary的简单几句代码就可以实现这个轮播图效果。来看代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"&g...

代码星球 ·2021-02-20

jquery实现点击小图实现大图的案例

今天的这个例子主要是实现点击小图能显示大图，来直接看代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><st...

代码星球 ·2021-02-20

jquery实现淘宝精品图片切换

写一个小的案例，会用到筛选选择器，实现一下淘宝精品图片的切换，接下来直接来看代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></he...

代码星球 ·2021-02-20

jquery对象和DOM对象的联系及转化

jquary对象和DOM对象的联系：DOM对象：DOM对象就是js对象，用 js的方法获取到的元素document.getElementById();document.getElementByName();document.getElementByTagName();//以上方法获取到的都是dom对象jqua...

代码星球 ·2021-02-20

手风琴案例jquery写法

今天我用jquary来写一下手风琴案例，这个案例在平时的项目中很经常会见到，要想实现效果用jquary来写其实很简单，其实一句话就是jquary的方法的调用。首先我们先来分析一下手风琴案例实际实现的效果，就是点击当前的标题，它下面的盒子显示出来，而其他的盒子是闭合的状态。一、先简单的来写下布局：1这是html的布局，我...

代码星球 ·2021-02-20

jQuery-jqprint.js打印插件使用高版本jQuery时问题

使用jqprint打印插件的网页demo代码：<!doctypehtml><html><head><metacharset="utf-8"><title>jQuery打印插件jqprint</title><!--<scriptlangu...

代码星球 ·2021-02-20

JQuery使用总结

定义ul列表：li的数量:<spanid="liNum"></span><ulid="content">　　<li>1</li>　　<li>2</li>　　<li>3</li>　　<li>4</...

代码星球 ·2021-02-19

如何在Asp.Net中使用JQueryEasyUI

JQueryEasyUI的基本信息：官方下载官方演示官方文档一、jQueryeasyUI下载后解压的文件目录如下图：demo：JQueryEasyUI的一些示例页面，在项目使用可以将该目录删除；locale：该目录中是一些本地化文件，用来支持不同的语言，如中文可以引用其中的easyui-lang-zh_CN.js；pl...

代码星球 ·2021-02-18

jQuery中的height()、innerheight()、outerheight()的区别总结

在前端jQuery代码中突然看到outerheight(),第一感觉就是，这是什么鬼？然后仔细查阅了一下，居然发现还有这么多相似的东西。在jQuery中，获取元素高度的函数有3个，它们分别是height()、 innerHeight()、outerHeight()。与此相对应的是，获取元素宽度的函数也有3个，...

代码星球 ·2021-02-18