JQ
关注
分享
扫一扫
CaseyWei
感激每个遇见的人
展开
-
jquery实现下拉加载更多
实现思路：只要滚动条拉到的某个位置距离底部距离大于边框的高度立即加载新数据。代码如下：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>滚动加载更多</title> <style type="text/css"> body,div{ margin:0;原创 2021-08-19 17:55:43 · 1768 阅读 · 1 评论 -
JQuery监听滚动条滚动事件
$(document).scroll(function() { var scroH = $(document).scrollTop(); //滚动高度 var viewH = $(window).height(); //可见高度 var contentH = $(document).height(); //内容高度 if(scroH >1080)...原创 2019-08-29 14:23:00 · 1350 阅读 · 0 评论 -
Jq实现浮动飘窗广告位
<!doctype html><html><head> <meta charset="utf-8"> <title>jquery漂浮广告代码</title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js">...原创 2019-08-14 10:15:43 · 1674 阅读 · 0 评论 -
JQ判断什么浏览器
$(document).ready(function () { // 获取IE版本 // 取得浏览器的userAgent字符串 var userAgent = navigator.userAgent; // 判断是否为小于IE11的浏览器 var isLessIE11 = userAgent.indexOf('compatible')...原创 2019-08-14 09:31:39 · 1141 阅读 · 0 评论 -
jquey访问网络接口实例
平时都是vue+axios，突然做个企业站，用jq有点生疏，记录一下。代码如下： <script> $(document).ready(function() { $("#queryTrade").click(function() { $("tbody").html("") ...原创 2019-06-24 20:53:08 · 228 阅读 · 0 评论 -
JQ的$(function(){})与window. onload的区别
最近一直在研究jq的源码，书写jq的代码我们通常会包裹在一个$(function(){})函数中，jq的$(function(){})也就是$(document).ready(function(){})的简写，与之对应的原生js的window.onload事件，这俩者之间到底有什么区别呢？$(function () { console.log("ready执行")...原创 2019-03-11 14:13:53 · 1142 阅读 · 0 评论 -
vue中@oninput的用法
.vue文件其实是一个组件，今天这篇文章要讲的是.vue文件中监听input的输入值变化事件。需求是这页面中，改变input的值，就调用一个事件，第一想到的是oninput。oninput 事件在用户输入时触发，菜鸟教程中的用法是：但是在.vue中这样写是没有作用的：<input type="text" id="cardsNum2" value="1" @oninput ="i...原创 2018-11-06 11:25:30 · 21252 阅读 · 3 评论 -
jquery.cookie() 设置过期时间
jquery.cookie.js插件： <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script>原创 2018-11-01 18:44:56 · 5908 阅读 · 0 评论 -
jQuery jsonp跨域请求
跨域的安全限制都是对浏览器端来说的，服务器端是不存在跨域安全限制的。浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。如果协议，端口和主机对于两个页面是相同的，则两个页面具有相同的源，否则就是不同源的。如果要在js里发起跨域请求，则要进行一些特殊处理了。或者，你可以把请求发到自己的服务端，再通过后台代码发起请求，再将数据返回前端。 这里讲下使用jquer...原创 2018-10-31 17:51:07 · 170 阅读 · 0 评论 -
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
1. JSON.parse(jsonString): 在一个字符串中解析出JSON对象? 1 2 3 var str = '[{"href":"baidu.com","text":"test","orgId":123,"dataType":"curry","activeClass":"ha原创 2018-10-09 11:05:34 · 704 阅读 · 0 评论 -
jQuery+ajax实现搜索下拉框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #search_result{原创 2018-08-18 20:56:10 · 1222 阅读 · 0 评论 -
jQuery普通绑定事件和on委托事件对比
以click事件为例：普通绑定事件：$('.btn1').click(function(){}绑定on绑定事件：$(document).on('click','.btn2',function(){}绑定那么这两种方式有什么区别呢？首先我们看看在实践上的区别： ①click事件是在页面加载后，获取的所有类名为btn1的元素，然后绑定了这个click事件，你要是通过其他操作再生...原创 2018-08-17 15:35:28 · 252 阅读 · 0 评论 -
jquery实现网页定位导航特效
<!DOCTYPE html><html lang="en"><head> <script src="http://code.jquery.com/jquery-1.11.3.js"></script> <meta charset="UTF-8"> &原创 2018-08-14 19:03:42 · 261 阅读 · 0 评论 -
jQuery插件总结
一.JQuery之jQuery Validate(表单验证)插件1.引用jQuery和jQuery Validate到页面2.基本语法设置:使用validate()来写验证规则rules 设置验证规则验证规则中的一些规则设置：required:true, //必填remote: { //远程校验 url:”remote.php”, type:”post”},m...原创 2018-08-10 23:29:07 · 146 阅读 · 0 评论 -
jQuery动画+实例
1.动画基础隐藏和显示jQuery中隐藏元素的hide方法让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局，如果在代码执行的时候，一般是通过js控制元素的style属性，这里jQuery提供了一个快捷的方法.hide()来达到这个效果$elem.hide()提供参数：.hide( options )当提供hi...原创 2018-08-08 23:01:16 · 1235 阅读 · 0 评论 -
基于jquery实现的超酷动画源码
1.jQuery二级下拉菜单 下拉箭头翻转动画之前我们分享过不少基于jQuery的二级下拉菜单，甚至是多级的下拉菜单，比如这款jQuery/CSS3飘带状多级下拉菜单就非常华丽。但今天要介绍的这款jQuery二级下拉菜单外观很简洁，使用非常简单，它唯一的特点就是下拉菜单项的下拉箭头有翻转的动画特效。在线演示源码下载2.jQuery层叠式翻页焦点图插件 可自动播放今天我们要来...原创 2018-08-08 22:51:37 · 203 阅读 · 0 评论 -
DOM事件（二）
在DOM事件深入浅出（一）中，我主要给大家讲解了不同DOM级别下的事件处理程序，同时介绍了事件冒泡和捕获的触发原理和方法。本文将继续介绍DOM事件中的知识点，主要侧重于DOM事件中Event对象的属性和方法。那么什么是DOM事件中Event对象呢？事件对象（event object）指的是与特定事件相关且包含该事件详细信息的对象。我们可以通过传递给事件处理程序的参数获取事件触发后所产生的一系列...原创 2018-08-06 22:08:17 · 126 阅读 · 0 评论 -
DOM事件（一）
在项目开发时，我们时常需要考虑用户在使用产品时产生的各种各样的交互事件，比如鼠标点击事件、敲击键盘事件等。这样的事件行为都是前端DOM事件的组成部分，不同的DOM事件会有不同的触发条件和触发效果。本文就将带大家深入浅出地了解DOM事件的那些属性和方法。首先在介绍DOM事件之前我们先来认识下DOM的不同级别。针对不同级别的DOM，我们的DOM事件处理方式也是不一样的。DOM级别与DOM事件...原创 2018-08-05 21:20:02 · 565 阅读 · 0 评论 -
jQuery--DOM操作
Dom是Document Object Model的缩写，意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松访问页面中所有的标准组件。DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。 每一个网页都可以用DOM表示出来，每个DOM都可以看作是一棵DOM树。下面的html页面结构可以构建出一棵DOM树，代码： Vie...原创 2018-08-04 23:50:30 · 123 阅读 · 0 评论 -
jQuery之DOM节点插入总结
添加节点的jquery方法：append()、prepend()、appendTo() 、prependTo() 插入节点的jquery方法：after() 、before() 、insertBefore() 、insertAfter()举个例子来说明以上几种方法的用法：html例子:<nav> <ul> <li...原创 2018-08-02 22:10:54 · 841 阅读 · 0 评论 -
DOM之元素与节点的区别
在 HTML DOM （文档对象模型）中，每个部分都是节点：文档本身是文档节点 所有 HTML 元素是元素节点 所有 HTML 属性是属性节点 HTML 元素内的文本是文本节点 （包括回车符也是属于文本节点） 注释是注释节点 Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。 NodeList 对象表示节点列表，比如 HTML 元素的子节点集合。 元素也...原创 2018-08-02 22:00:56 · 1440 阅读 · 0 评论 -
jQuery练习题
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>jq获取鼠标的位置</title> <style> div{ widt原创 2018-08-01 23:19:11 · 411 阅读 · 0 评论 -
jQuery基础
学习笔记：jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能，jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素。1、将jquery对象转成DOM对象 （1）数组下标读取jQuery中的DOM 例：HTML中： <div>星期一</...原创 2018-07-31 16:24:07 · 177 阅读 · 0 评论