JQuery
关注
分享
扫一扫
文章平均质量分 96
JQuery
pan_junbiao
这个作者很懒，什么都没留下…
展开
-
JavaScript页面加载完成后执行方法：window.onload、$(document).ready()、Vue.created()
JQuery 框架的$(document).ready() 方法和window.onload 方法有相似的功能，但是在执行时机方面时有区别的。window.onload 方法是在页面中所有元素（包括元素的所有关联文件）完全加载到浏览器后才执行，即 JavaScript 此时才可以访问页面中的任何元素。而通过 JQuery 中的$(document).ready() 方法注册的事件处理程序，在 DOM 完全就绪时就可以被调用。此时，页面的所有元素对 JQuery 而言都是可以访问的。原创 2024-08-15 11:39:27 · 1703 阅读 · 0 评论 -
JQuery实现下拉框Select选项的左右移动
某网站的一个后台界面，在“负责频道”这个区域，用户可以通过按钮将左边选中的选项添加到右边，也可以将右边的选项添加到左边，或者双击选项，将其添加给对方。执行结果如下图：（1）页面代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>负责频道</title> <meta name="author" cont原创 2020-10-24 18:16:50 · 1387 阅读 · 0 评论 -
JQuery实现下拉框Select的获取值与文本、动态绑定数据、事件等操作
1、下拉框的应用在网站中下拉框select是经常使用的控件，下面将介绍JQuery实现下拉框select的获取值与文本、动态绑定选项、事件等操作。1.1 获取选中项的值var value = $("#selectUser").val();1.2 获取选中项的文本var text = $("#selectUser").find("option:selected").text();1.3 获取选中项的索引var index = $("#selectUser").get(0).s原创 2020-10-24 17:23:31 · 17371 阅读 · 2 评论 -
JQuery DataTables的使用与综合实例
JQuery Datatables是一款JQuery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。功能包含：分页，即时搜索和排序、几乎支持任何数据源：DOM， javascript， Ajax 和 服务器处理、支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation、丰富多样的option和强大的API、支持国际化等。1、JQuery DataTables示例代码$(document).ready(function(){原创 2020-08-03 17:38:28 · 2615 阅读 · 0 评论 -
JQuery使用$.ajax()实现异步请求
JQuery 对 Ajax 操作进行了封装，在JQuery 中$.ajax() 方法属性最底层的方法，第二层时 load()、$.get() 和 $.post()方法，第三层是$.getScript() 和 $.getJSON() 方法。下面将介绍最底层的$.ajax() 方法的使用。JQuery使用 $.ajax() 实现异步请求，关键代码：//加载数据钮事件$("#btnLoad").click(function () { //请求参数对象 var params = ...原创 2020-08-01 12:04:50 · 13548 阅读 · 1 评论 -
JQuery中的$.getScript()和$.getJSON()方法的使用
1、$.getScript()方法的使用有时候，在页面初次加载时就取得所需的全部 JavaScript 文件是完全没有必要的。虽然可以在需要哪个 JavaScript 文件时，动态地创建<script>标签，JQuery代码如下：$(document.createElement("script")).attr("src","/js/test.js").appendTo("head");或者：$("<script type='text/javascript' src='/原创 2020-07-30 17:12:18 · 3011 阅读 · 0 评论 -
JQuery中的each()方法和$.each()函数的使用
1、each()方法的使用JQuery提供了 each() 方法用于遍历匹配的元素信息。以每一个匹配的元素作为上下文来执行一个函数。每次执行传递进来的函数时，函数中的 this 关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从零开始的整型）。 返回 'false' 将停止循环（就像在普通的循环中使用 'break'）。返回 'true' 跳至下一个循环（就像在普通的循环中使用'c原创 2020-07-30 11:26:28 · 15215 阅读 · 0 评论 -
JQuery中的prop()方法的使用
在之前的 JQuery 版本中，都是使用 attr() 来访问对象的属性，比如取一个图片的 alt 属性，就可以这样做 $("#img").attr("alt")；但是在某些时候，比如访问 input 的 disabled 属性的时候，会有些问题。在有些浏览器里，只要写了disabled 属性就可以，有些则要写：disabled = “disabled”。所以，从1.6版开始，JQuery 提供新的方法 prop() 来获取这些属性。使用 prop() 的时候，返回值时标准属性：true/false，比如.原创 2020-07-29 17:10:36 · 8433 阅读 · 1 评论 -
JQuery实现复选框CheckBox的全选、反选、提交操作
对复选框最基本的应用，就是对复选框进行全选、反选和提交等操作。复杂的操作需要与选项挂钩，来达到各种级联反应效果。【示例】使用Jquery实现复选框CheckBox的全选、反选、提交操作。（1）创建页面，创建一个表格在表格的第一列中放入一组复选框，并实现复选框的全选、反选、提交操作。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原创 2020-07-29 16:20:22 · 2540 阅读 · 0 评论 -
popShow弹出层的使用（二）
popShow弹出层图1.1 弹出层效果1、引入JS和CSS文件 注意：这里需要引入JQuery库文件。2、编写HTML代码 用户名 密码原创 2014-01-20 10:49:29 · 2693 阅读 · 0 评论 -
JQuery函数积累
1、jQuery.getScript(url, success(response, status)) 通过 HTTP GET 请求载入并执行 JavaScript 文件。1、jQuery.getScript(url, success(response, status))定义:getScript() 方法通过 HTTP GET 请求载入并执行 JavaScript 文件。原创 2013-10-13 09:32:54 · 1386 阅读 · 0 评论 -
JQuery实现分页功能
使用JQuery实现分页功能。1、分页栏HTML码 2、 CSS样式文件.g-cf:after {clear: both;content: "";display: table;}.g-cf {zoom:1;}/*分页*/.g-pager{ text-align:center; color: #111111; font: 12px/1.5em Ari原创 2013-02-15 10:30:05 · 26914 阅读 · 2 评论 -
JQuery实现悬浮层
JQuery实现悬浮层1、HTML代码 右侧悬浮层2、JS脚本$(function() { var timer, scrollTop, sideDiv = $('#fudong').appendTo('body'); $(window).scroll(function() { timer && clearTimeout(timer);原创 2012-10-02 11:36:05 · 8622 阅读 · 1 评论 -
JQuery.cookie.js实现最近浏览过的商品
JQuery实现最近浏览过的商品1、jquery.cookie.js/*jquery.cookie.js */jquery.cookie = function(name, value, options) { if (typeof value != 'undefined') { // name and value given, set cookie option原创 2012-10-02 10:59:29 · 6016 阅读 · 0 评论 -
JQuery加载并解析XML
1、简述 XML（eXtensible Markup Language）即可扩展标记语言，与HTML一样，都是属于SGML标准通用语言。2、 Content-Type 很多情况下XML文件不能正常解析都是由于Content-Type没有设置好。如果Content-Type本身就是一个XML文件则不需要设置；如果是由后台程序动态生成的，那么就需要设置Content-Typ原创 2012-04-09 15:13:53 · 23957 阅读 · 2 评论 -
popShow弹出层的使用（一）
popShow弹出层图1.1 弹出层效果1、引入JS和CSS文件 注意：这里需要引入JQuery库文件。2、编写HTML代码 *用户名 *密码原创 2012-04-05 17:59:18 · 8087 阅读 · 0 评论 -
使用jqzoom插件实现图片放大镜效果
jqzoom插件实现图片放大镜效果。图1.1jqzoom插件实现图片放大镜效果1、引入jqurty和jqzoom插件2、应用官方网站给定的样式/*jQzoom*/.jqzoom{ border:1px solid #BBB; float:left; position:relative; padding:0px; cursor:原创 2012-04-04 22:15:06 · 14230 阅读 · 1 评论 -
JQuery实现导航效果、新闻滚动、广告效果、横向滚动
1、导航效果2、新闻滚动（跑马灯）3、广告效果4、新款上市模块横向滚动1、导航效果图1.1 导航效果1.1 导航样式 /*导航样式开始*/ #navigation { width:784px; padding:8px; margin:8px auto; background:#3B5998;height:18p原创 2012-04-03 16:28:40 · 15979 阅读 · 5 评论 -
jquery获取和设置radio,check,select选项
select控件选项1,获取select选中的value值 $("#selectID").val();2,获取select选中的text的值$("#selectID").find("option:selected").text()3,设置select的第几项为当前选中项$("#selectID").attr("value",2);//设置第二项为当前转载 2011-11-26 22:16:11 · 24264 阅读 · 0 评论