<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jquery的显示和隐藏</title> <style type="text/css">div{width:150px;height:100px;border:1px red solid;display:none; } </styl...
1 (function(){2 $.fn.YAccordion=function(options){3 4var settings={5 trigger:‘click‘,6 speed:300,7 };8 9if(options) 10 $.extend(settings,options); 1112returnthis.each(function(){ 13 $("p",this).bind(settings.trigger,function(){ 14 $(this).next("ul").slideToggle(settings.speed).siblings("ul").hide(); 15 }); 16 ...
比如基于jquery的select2插件，在vue下单独用有很多问题，其实对于这类插件，可以用vue的自定义指令和组件来包装，解决冲突的问题。引用官方vue1.0和2.0的两个例子，学习一下。例子1.0 例子2.0原文：http://www.cnblogs.com/zhansu/p/6112837.html
hosen 是一个支持jquery的select下拉框美化插件，它能让丑陋的、很长的select选择框变的更好看、更方便。不仅如此，它更扩展了select，增加了自动筛选的功能。它可对列表进行分组，同时也可禁用某些选择项。先来看下插件的效果： 跟这个比起来，原来的select样式是不是弱爆了！马上来武装我们的select吧：1、先把js和css文件引用到网页里面去：?123<link href="js/jqueryUI/chosen/chosen.css" type="text/css" rel="stylesheet" /...
使用jquery的$.extend()之前突然想到如何查看jquery的版本$.fn.jquery转入正题，在没有研究jquery源码之前，都不知道这个方法的使用，接触过后感觉这东西还可以，在此做个notejQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。注意：1. 如果只为$.extend()指定了一个参数，则意味着参数target被省略。此时，target就是jQuery对象本身。通过这种方式，我们可以为全局对象jQuery添加新的函数。2. 如果多个对象具有相同...
<html> <head> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> </head> <body> <div id="divckb"> <input type="checkbox" name="ckb1" value="1" />张三 <input type="checkbox" name="ckb2" value="2" />李四 <input type="checkbox" name="ckb3" value="3"/>王五 <input type="checkbox" name="ckb4" value="4" />赵六 </div> <script> $(function(){$("#divckb input").each(function(){$(this).change...
在jQuery中没有音频视频直接播放的方法，我们在写音频视频时，应该将jquery的方法转化为js方法：play（）；pause（）补充： 将jq对象转化成js对象写法：var music=$("#music")[0];//将jq转化为js对象；将js对象转化成jq对象：这个对象已经存在，则只需要在此对象上加上$()，也即是$(对象) 1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>Title</title>6 <script src="js/jquery-3.1.0...
jQuery的宗旨是Write Less, Do More。它对JavaScript的开发风格侵入性不如YUI那么强，当然也不如Dojo和YUI如此庞大。它极大的简化了JavaScript的日常开发工作，主要是DOM元素的操作（从名字Query就可以看出）。另外一个主要工作就是每个前端开发者都需要面对的浏览器兼容性。jQuery兼容所有主流浏览器的大部分版本，从万恶的IE6开始直到Firefox，Chrome等现代浏览器。除了居于核心的一小部分代码之外，剩下的jQuery都是松散的函数，...
在上一篇随笔中小颖分享了用CSS的text-transform 属性控制文本的大小写,今天小颖再给大家分享一段用jQuery实现控制文本的大小写,由于小颖已经好久没写过jQuery了,如果有什么不对的地方希望大家告诉小颖哦,小颖加以改正,好啦废话不多说啦,下面大家请看小颖写的代码: ~~~~~当当当当html代码：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><script type="text/javascript" src="...
Cannot read property ‘settings‘ of undefined jquery validation这个问题常常发生在动态添加rule的时候。 解决方法// 在timeout 方法中加入规则。 setTimeout(function() {$(‘#my_field‘).rules(‘add‘, { required: true }) }, 0); 原文：http://www.cnblogs.com/yudar/p/5754677.html
具体的也可以参考：http://www.w3cfuns.com/notes/16039/2b004b1bcdf79092f2e66b2bbe9f51df.html原文：http://www.cnblogs.com/ncuhwxiong/p/5913871.html
原生缺点:1. JS的出现使得网页与用户之间实现了一种实时/动态/交互的关系,网页可以包含更多活跃的元素和精彩的内容2. JS的弊端在于复杂的DOM对象,而JQuery封装了很多预定义的对象和使用函数简化了DOM操作,使得我们可以快速创建有高难度交互的富客户端页面,且兼容各大浏览器简单介绍:1. JQuery是一个优秀的JavaScript库,拥有强大的选择器,出色的DOM操作,可靠的事件处理,完善的兼容性和链式操作等功能,目前团队主要推核心库(JQuery)/...
以后用起来就方便了把css文件引入<link rel="stylesheet" type="text/css" href="css/jquery.mCustomScrollbar.css"> js引入<script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script> <div class="mscroll"> 这里放内容啊啊啊啊这里放内容啊啊啊啊这里放内容啊啊啊啊这里放内容啊啊啊啊。。。。。 </div> <script type="text/javascript"> $(function(){$(".mscroll").mCustomScrollbar({scrollI...
在本教程的前两篇文章中，笔者分别向大家介绍了使用jQuery Mobile框架如何去设计手机新闻浏览器，其中实现了一个WEB版本的新闻浏览器，在本教程的最后一篇中，将讲解如何将已实现的web版本的新闻浏览器迁移到Android手机中去，注意的是，本文希望读者拥有一点基础的Android知识。迁移到Android应用中去 在Android应用中，将会使用index.html作为界面的布局，我们将编写一个Android的Activity类将index.html整合到android应用中去...
一、创建元素1、jQuery内部使用document.createElement创建元素实例：//jQuery 源代码方法一： $("<div></div>").css({‘width‘: ‘100px‘,‘height‘: ‘50px‘,‘padding‘: ‘10px‘,‘border‘: ‘3px solid red‘ }).html(‘我是jQuery动态创建的div‘).appendTo(‘body‘);方法二： $("<div style=‘width: 100px;height: 50px;padding: 10px;border: 3px solid red;‘></div>").text(‘我是jQuery动态创建的div‘).append...