首页
Python
Java
前端
数据库
Linux
Chatgpt专题
开发者工具箱
jquery专题
使用JS/Jquery获得父窗口的几个方法(笔记)
<pre name="code" class="javascript">取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);如题: $(selector, window.top.document);//获得顶级窗口里面的元素 $(
阅读更多...
html css jquery选项卡 代码练习小项目
在学习 html 和 css jquery 结合使用的时候 做好是能尝试做一些简单的小功能,来提高自己的 逻辑能力,熟悉代码的编写语法 下面分享一段代码 使用html css jquery选项卡 代码练习 <div class="box"><dl class="tab"><dd class="active">手机</dd><dd>家电</dd><dd>服装</dd><dd>数码</dd><dd
阅读更多...
JS和jQuery获取节点的兄弟,父级,子级元素
原文转自http://blog.csdn.net/duanshuyong/article/details/7562423 先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素。 <div id="test"><div></div><div></div
阅读更多...
在SSH的基础上使用jquery.uploadify.js上传文件
在SSH框架的基础上,使用jquery.uploadify.js实现文件的上传,之前搞了好几天,都上传不了, 在Action那边File接收到的总是为null, 为了这个还上网搜了好多相关的信息,但都不行,最后还是搜到一篇文章帮助到我了,希望能帮助到为之困扰的人。 jsp页面的关键代码: <link rel="stylesheet" type="text/css" href="${page
阅读更多...
jQuery—Ajax使用
AJAX是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新[百度百科] ** XMLHttpRequest对象 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 常用属性: read
阅读更多...
jquery中的ajax参数详解
Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址。 type String (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。 timeout Number 设置请求超时时间(毫秒)。此设置
阅读更多...
通过Ajax请求后台数据,返回JSONArray(JsonObject),页面(Jquery)以table的形式展示
点击“会商人员情况表”,弹出层,显示一个表格,如下图: 利用Ajax和Jquery和JSONArray和JsonObject来实现: 代码如下: 在hspersons.html中: <!DOCTYPE html><html><head><meta charset="UTF-8"><title>会商人员情况表</title><script type="text/javasc
阅读更多...
jquery 表单序列化
jQuery序列化表单的方法总结 现在这里贴出案例中静态的html网页内容: <!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><title>Title</title><script src="../js/jquery-3.2.1.js"></script></head><body><form method="post"
阅读更多...
学习整理使用jquery实现获取相同name被选中的多选框值的方法
学习整理使用jquery实现获取相同name被选中的多选框值的方法 <html><head><meta charset="gbk"><!-- 引入JQuery --><script src="https://www.qipa250.com/jquery/dist/jquery.min.js" type="text/javascript"></script></head><body>
阅读更多...
jquery对象和dom对象-比较
jquery对象和dom对象-比较 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 DOM对象转jQuery对象 普通的Dom对象一般可以通过$()转换成jQuery对象。 如:$(document.getElementByI
阅读更多...
JQuery.HoverDir库实现侧边栏二级菜单
Jquery.hoverDir响应鼠标移动方向的悬停效果插件 HTML代码 <div id="sidebar"><div class="mainNavs"><div class="menubox"><div class="menu_main"><h2>技术<span></span></h2><a href="#">Java</a><a href="#">PHP</a><a href="#"
阅读更多...
JQuery.HoverDir库基本使用方法,实现图片滑动动画效果
对于HoverDirJs库的学习,参照别人的案例自己研究了一下基本的使用方法,用起来还是挺傻瓜的(我还是个菜鸟),简单的看了一下源码,有些基础的同学应该还是能看懂的,反正我基本都看懂了,不废话,直接上我今天做的小案例。 开始之前你的html页要引入jquery.hoverdir.js这个js文件,网上可以下载到 案例是一个鼠标滑动图悬停遮罩层的效果,鼠标从那个方向来,遮罩层从那个方向滑入,效果
阅读更多...
JQuery表单验证的方法和实例
jQuery Validate 方法详解:http://www.runoob.com/jquery/jquery-plugin-validate.html jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户
阅读更多...
50个实用的jquery案例
1. 如何创建嵌套的过滤器: //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分。在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为“selected”(.selected)的子节点。 .filter(":not(:has(.selected))") 2. 如何重用元素搜索 var allI
阅读更多...
Jquery经典案例总结
================================================================================================================================================================//评分控件,心得体会:1.text() 和val()的区别 2.addCl
阅读更多...
【经典】jQuery使用大全
原文:http://www.cnblogs.com/wenjl520/archive/2008/11/13/1332845.html 官方网站:http://jquery.com jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的! 下载
阅读更多...
原生js,JQuery查找元素,修改类名
原生js通过字符串拼接找到对应的元素 document.getElementById(btnId+"Content").style.display="block"; currentBtn.className="mouseOverClass"; jQuery查找元素,移除之前的类名,添加新的类名 $("#"+btnId).removeClass().addClass("
阅读更多...
Jquery实现广告滚动
当页面的滚动条上下移动时,飘浮广告随着滚动条的滚动而上移或者下移,要明白两点,第一:放广告的层最好采用绝对定位,它的位置应该随着滚动条的改变而上下移动,滚动条的滚动促发的是onscroll事件,广告条所在的层的top值就是滚动条的高度,具体代码如下: <html><head><meta http-equiv="Content-Type" content="text/html; charset
阅读更多...
表格中用Jquery获取双击行的某列的值
//数据行双击事件,获取该行的第三列的值 $("#tbody").on("dblclick", "tr", function() {var cod=$(this).children('td').eq(2).text();console.log(cod);});
阅读更多...
jQuery Mobile 页面切换动画的使用(data-transition)
如果需要转到的HTML是其他链接,不是内部page,需要加上rel='external'属性,此时动画效果无效。
阅读更多...
jquery.mobile.changePage() 页面参数介绍
jQuery.mobile.changePage( to [, options ] ) 从一个页面跳转到另一个页面,使用$.mobile对象的changePage方法来实现。但要使用此方式的时候,要以点击一个链接或者提交表单来实现。此方法有两个参数。 to:是第一个参数,是必须的,不可缺少。类型:字符串或者对象。 字符串: 绝对或相对URL地址。如:("about/us.html")
阅读更多...
jQuery Mobile 的.bind()、.live()和.delegate()之间区别
资料一: live方法是bind方法的变种,其基本功能就同bind方法的功能是一样的,都是为一个元素绑定某个事件,但是bind方法只能给当前存在的元素绑定事件,对于事后采用JS等方式新生成的元素无效,而live方法则正好弥补了bind方法的这个缺陷,它可以对后生成的元素也可以绑定相应的事件。 live方法之所以能对后生成的元素也绑定相应的事件的原因归结在“事件委托”上面,所谓
阅读更多...
jquery datatable插件使用分享
这个插件很好用,筛选,分页等功能都是内置的了。重要的是根据自己的喜爱,变换它的css。 本文主要写个和ajax交互的小例子。 ajax_data.php <?php//请求次数$page = is_numeric($_POST['sEcho']) ? intval($_POST['sEcho']) : 0;//获取搜索框输入值$search = trim($_POST['s
阅读更多...
基于node.js/jquery/bootstrap的博客系统开发---总结
1 express Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。 var express = require('express');var app = express(); 1.1 路由 路由是指如何定义应用的端点(URIs)以及如何响应客户端的请求。 app.METHOD(pa
阅读更多...
jQuery基础2-css的操作-事件-属性-Ajax-DOM操作
目录 1.css的操作 1. .css() 2. .addClass() 3. .removeClass() 4. .toggleClass() 2.事件 1. . on() 基本用法: 事件委托: 2. .off() 3. .click() 4. .hover() 5. .trigger() 3. Ajax $.ajax():执行异步 HTTP(Ajax)请求。
阅读更多...
jQuery js 互转
jquery中可以用js操作 jQuery对象转成DOM对象: 两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index); (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。 如:var $v =$("#v") ; //jQuery对象 var v=$v[0]; //DOM对象 alert
阅读更多...