JQUERY - 技术教程文章
jQuery 练习[二]: 获取对象(2) - 定位子对象【代码】
jQuery 练习[二]: 获取对象(2) - 定位子对象 选择中的特殊符号:# 指示 id . 指示 class * 全选 , 多选 空格 后代 > 子 ~ 兄弟 + 下一个 : 子(多功能) () 函数式的过滤与查找获取 div 下的所有标题对象: $("div :header")获取所有标题对象: $(":header")获取 first, 如: $("li:first") 或 $("li").first() 或 $("ul :first") 或 $("ul li:first") AAA BBB CCC DDD EEE FFF GGG 111 X...
jQuery 插件
jQuery 插件 概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供...
jQuery 练习[一]: 准备工作【图】
jQuery 练习[一]: 准备工作 初次尝试 jQuery, 近乎震撼! 简洁、高效、优雅、平易, 太有思想了.使用 jQuery 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用.计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 jQuery, 估计要比使用 MSHTML.pas 方便得多.官方站点: http://jquery.com/中文文档: http://jquery-api-zh-cn.googlecode.com/下载地址: ht...
jQuery新建项目【图】
开发工具与关键技术： MVC 作者：陈珊珊 撰写时间：2021/4/28 注意看红色部分，共有17个步骤，按顺序操作下去 1、鼠标左键点击新建项目，或点击文件-新建-项目 2、点击Visual C# - 再点击ASP.NET Web 应用程序 3、名称由自己来决定，把为解决方案创建项目(D)勾选起来，点击浏览 4、选择自己想要存放项目的文件夹，再点击选择文件夹 5、确定好每一项都没有问题后，点击确定 6、模板选择Empty（空模板），把MVC勾选起来，在云中托管(...
jquery
jquery是一个兼容多浏览器的js库 作用：简单，省事，效率高，兼容好。 导入<script src="jquery-3.6.0.js"></script> 基本语法：$(selector).action() $("*").css("color", "red"); 基本选择器 * #通用选择器，匹配任何元素 P #标签选择器，匹配所有P标签元素 .author #class选择器，匹配class=author的元素 #author #id选择器，匹配所有id属性值等于author的元素
jQuery练习之图片跟随【代码】
<!DOCTYPE html> <html><head><meta charset="UTF-8"><style>body{text-align:center;}#small{margin-top:40px;}#showBig{position:absolute;display:none;}</style><!--引入jQuery库--><script type="text/javascript" src="../lib/jquery-1.7.2.js"></script><script type="text/javascript">$(function(){$("#small").bind("mouseover mouseout mousemove",function(event){if(event.type=="mouseover"){$("#showBig").show();}...
jQuery笔记【代码】
jq概述 JavaScript库：即library，是一个封装好的特定的集合（方法和函数），比如动画animate、hide、show，比如获取元素等 简单理解：就是一个js文件，里面对我们原生js代码进行了封装，存到里面，这样我们可以快速高效的使用这些封装好的功能了 常见的JavaScript库 jQueryprototypeYUIDojoExt JS移动端的 zepto jQuery的优点 轻量级。核心文件才十几kb，不会影响页面加载速度跨浏览器兼容。基本兼容了现在主流的浏览器链式编程、...
jquery 回车切换 tab功能【代码】
挺有趣的，Jquery 回车切换tab功能的实现哦<html><head>jquery库.js-->head><body><form>用户名：<input name=user/>密码：<input name=pwd type=password/><input type=submit value=登陆/>form>body>html> js：jQuery(document).ready(function () { //按Enter鍵直接Tab $("input[name=user]:first").focus(); var $target = $("input[name=user],input[name=pwd],button[type=s...
jquery call方法和apply方法接触【代码】
jquery call方法和apply方法接触 call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 apply方法： 语法：apply([thisObj[,argArray]]) 定义：应用某...
Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法 在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素js在父窗口中获取iframe中的元素 1、格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();实例：window.frames["ifm"].document.getElementById("btnOk").click();2、格式：var obj=document.getElementBy...
jQuery 参考手册 - 事件【代码】
事件方法会触发匹配元素的事件，或将函数绑定到所有匹配元素的某个事件。触发实例：$("button#demo").click()上面的例子将触发 id="demo" 的 button 元素的 click 事件。绑定实例：$("button#demo").click(function(){$("img").hide()})上面的例子会在点击 id="demo" 的按钮时隐藏所有图像。方法描述ready()文档就绪事件（当 HTML 文档就绪可用时）blur()触发、或将函数绑定到指定元素的 blur 事件change()触发、或将函数绑定到指定...
jquery+Handler实现淘宝收藏列表导航功能【代码】
jquery+Handler实现淘宝收藏列表导航功能 我一个朋友，因为jquery不怎么会写，他工作大部分都是用服务器控件，所以他看到这样的效果不好做，叫我帮他做，我答应他了，因为很忙，所以就今晚抽了点时间来做做，在里面最重要的是用到了现在很流行的jquery，他的效果，大家用过淘宝的收藏就知道，就是一个列表，然后鼠标移上去右边就显示【编辑/删除】功能，当点击编辑时对收藏类就行编辑，然后点击保存，整个过程就这样，我在这里分...
用jquery来控制select选中的值
用jquery来控制select选中的值 //将传过来的值与现有的值进行比较 function selector(id, selectvalue){ for(var i=0; i<$("#"+id).children().length; i++) { if($("#"+id).children().eq(i).val().trim().toLowerCase()==selectvalue.toLowerCase()){ $("#"+id).children().eq(i).attr({selected:true}); } } }
jQuery中其他的事件处理方法【代码】
click() 它可以绑定单击事件，以及触发单击事件 <!DOCTYPE html> <html><head><meta charset="UTF-8"><style></style><!--引入jQuery库--><script type="text/javascript" src="../lib/jquery-1.7.2.js"></script><script type="text/javascript">$(function(){//传function是绑定单击事件$("h5").click(function(){alert("单击事件");});//不传function是触发单击事件$("button").click(function(){$("h5").click();});});</scr...
菜鸟教程 --- jQuery 教程【代码】【图】
菜鸟教程 --- jQuery 教程：https://www.runoob.com/jquery/jquery-tutorial.html jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 简介 什么是 jQuery ？ jQuery 是一个 JavaScript 函数库。 jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。 jQuery 库包含以下功能： HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities 提示...
jQuery模拟点击【代码】
jQuery模拟点击 在某些情况下，我们需要自动执行一些点击事件。比如：一些 tab 一般是通过点击事件来加载不同的数据内容。 而如果要页面加载完直接显示第三个 tab，怎么办呢？此时就需要用到 jQuery 的模拟点击事件。 要用到 jQuery 的 trigger 方法。 如：$('#btn').trigger("click");会自动执行 id 为 btn 的 click 事件。还可以写成：$('#btn').click();而要是执行class的click事件，就可以写成：$('.banner_cta').trigger('cli...
用jquery-table2excel，进行导出excel【代码】【图】
用jquery-table2excel，进行导出excel jquery-table2excel是一款可以将HTML表格的内容导出到微软Excel电子表格中的jQuery插件。该插件可以根据你的需要导出表格中的内容，不需要的行可以不导出。 它文件体积小，使用非常方便。1、写好前端的按钮，还需要一个table（要导出的内容存放处）。<input type="button" value="导出" class="Button" onclick="Export();" /><table id='exceltable'><td>内容内容内容</td></table>2、初始...
han_jQuery【图】
jQuery什么是jQuery 1. 是一个JavaScript函数库 2. 是一个轻量级的“写得少，做的多的”JavaScript 3. 其功能包括有： - HTML 元素选取 - HTML元素操作 - CSS操作 - HTML事件函数 - JavaScript特效和动画 - AJAX - Utilities - 还有部分插件jQuery使用方式 1. 从 jquery.com 下载 jQuery 库 2. 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery下载 jQuery Production version - 用于实际的网站中，已被精简和压缩。 Development ...
jQuery选择器中通配符【代码】
jQuery选择器中，通配符[id^='code']input[id$='code'][id*='code'] 1.选择器(1)通配符：$("input[id^=code]");//id属性以code开始的所有input标签$("input[id$=code]");//id属性以code结束的所有input标签$("input[id*=code]");//id属性包含code的所有input标签 (2)根据索引选择$("tbody tr:even"); //选择索引为偶数的所有tr标签$("tbody tr:odd"); //选择索引为奇数的所有tr标签 (3)获得jqueryObj下一级节点的input个数jquer...
分享一个基于jQuery的锁定表格行列的js脚本。
网上也有很多锁定行列的方法，一个是使用css，另一个就是专门的控件附带有锁定的功能。css的大多数锁定行，而不能锁定列。好像看过园子里的司徒正美，写过一个用css锁定行列的，当时css比较烂看不懂，也没有保存那个网址（很后悔），现在想要找却又找不到了。 另一个就是第三方控件，这种控件很强大，锁定行列只是附带的一个小功能。但是有一个比较明显的缺点，必须使用它的控件，我想锁定GridView，那就不行了。除非你能把他的...
【分享】纯js的n级联动列表框 —— 基于jQuery，支持下拉列表框和列表框，最重要的是n级，当然还有更重要的【代码】
多个列表框联动，不算是啥大问题，但是却挺麻烦，那么怎么才能够尽量方便一点呢？网上搜了一下，没发现太好用的，于是就自己写了一个。基于jQuery，无限级联动，支持下拉列表框和列表框。 先说一下步骤和使用方法：1、在页面里设置列表框 城市：<select name="c5118020" id="ctrl_001" > <option value="-99999">请选择option><option value="1">沈阳option><option value="2">抚顺option><option value="3">鞍山option><o...
jQuery学习【代码】【图】
jQuery学习 基本概念：jQuery是一个js库，能够帮助我们轻松原本用js很难实现的功能。 jQuery每一个版本都有两个小版本，未压缩版本文件（带版本号的），压缩文件版本，压缩没有注释和排版，不利于阅读和学习，未压缩版本就有，但是运行效率慢。 jQuery 是一个js文件，引入就可以使用。 也可以通过网络加载CDN引用。基本语法：$（选择器）.action() $代表开始一个jquery 代码 选择器：按照一定得规则选择DOM元素，与css的选择器规则...
JQuery【代码】
概述 JQuery是一个封装好的一个JS函数库，它简化了客户端开发，简化了html的导航、操纵、事件处理、动画、Ajax。JQuery具有可扩展性，具有许多插件，还具有轻量级、跨浏览器等特性。 JQuery包含以下内容： HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScritp特效与动画HTML遍历与修改AJAXUtilities(公用事业) JQuery中文文档本文对JQuery中许多不常用选项没有一一列举,更多请查看文档 JQuery代码风格与语法结构 语法结构 $(se...
jquery的ready方法实现原理【图】
应用jquery时 ready是一个非常常用的方法，我们常常会写$(document).ready(function)或 $(function)ready的作用window.onload 必须等到页面内包括图片的所有元素加载完毕后才能执行，如果网页上有大量的图片，效果可想而知，用户可能在没有看到图片的时候，就已经开始操作页面了所以window.onload 很难满足我们的需求而ready是DOM结构绘制完毕后就执行，不必等到加载完毕ready是如何实现的？ready是浏览器兼容的，那么就分为两种情...
jQuery的css样式操作【代码】
jQuery的css样式操作 addClass() 添加样式 removeClass() 删除样式 toggleClass() 有就删除，没有就添加样式 offset() 获取和设置元素的坐标 <!DOCTYPE html> <html><head><meta charset="UTF-8"><style>div{width:100px;height:260px;}div.whiteborder{border:2px white solid;}div.redDiv{background-color:red;}div.blueBorder{border: 5px blue solid;}table{margin: 1px auto 1px auto;}</style><!--引入jQuery库--><s...
jQuery使用总结【图】
jQuery的下载直接可以把官网上的源代码复制粘贴下来，然后保存到本地即可。jQuery选择器通过一个例子来说明jQuery的几种选择器的用法：一个简单的没有任何意义的html代码如下：测试代码1#根据标签的id选择标签： $("#i1") #根据标签的class选择标签： $(".c1") #根据标签的标签名字选择标签： $("span") #选中所有的标签 $("*") #组合选择器，选择所有的id为i1的标签和class为c1的标签 $("#i1, .c1") #中间用逗号分隔。层级标签--...
「学习笔记」jQuery_1【图】
jQuery_1 学习目标：能够说出什么是 jQuery能够说出 jQuery 的优点能够简单使用 jQuery能够说出 DOM 对象和 jQuery 对象的区别能够写出常用的 jQuery 选择器能够操作 jQuery 样式能够写出常用的 jQuery 动画jQuery 介绍 JavaScript 库 ? JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如...
jQuery实战之 attr() 和 prop() 的区别【图】
是不是刚开始学jQuery的时候，看到了这两个方法：attr()和prop()；感觉这不是一个意思吗？他们有什么区别呢？下面简单的给大家区分一下：对于HTML元素本身就带有的固有属性，在处理的时候，使用prop()方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr()方法。举例说明<a href="http://www.baidu.com" target="_self" class="btn">百度</a>这个例子里a元素的DOM属性有href、target和class，这些属性就是a元素本身就带...
jQuery实战之 attr() 和 prop() 的区别【图】
是不是刚开始学jQuery的时候，看到了这两个方法：attr()和prop()；感觉这不是一个意思吗？他们有什么区别呢？下面简单的给大家区分一下：对于HTML元素本身就带有的固有属性，在处理的时候，使用prop()方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr()方法。举例说明<a href="http://www.baidu.com" target="_self" class="btn">百度</a>这个例子里a元素的DOM属性有href、target和class，这些属性就是a元素本身就带...
jQuery笔记
1.JavaScript是什么？ 事件驱动机制 解释性语言 浏览器解释/解析执行 2.JavaScript特点 3.网页中引入Js 方式一：使用script标签 方式二：引入外部js文件 方式三：在html标签内部直接编写 4.变量 (1) 在JavaScript中定义变量全部使用关键字var 来定义 (2) 浏览器根据变量的值来判断变量的类型 比如 var n=10 浏览器认为n是number类型 (3) 变量的类型 undefined null number string boolean (4) 如何获取变量的类型 使用typeof()函数...