Mr.Think的个人博客 @专注前端技术,热爱PHP,崇尚简单生活. 返回文章页:限制字符输入数功能(jQ版和原生JS版)@Mr.Think 原生JavaScript版本 » 我是用来隔行的,别理我^-^ 基于jQuery版本 时间: 2024-10-29 20:25:17
Mr.Think的个人博客 @专注前端技术,热爱PHP,崇尚简单生活. 返回文章页:结构/表现/行为完全分离的选项卡(jQ版和原生JS版)@Mr.Think 基于jQ版本 jQuery技术 CSS技术 xhtml技术 jQuery技术在这里显示!@Mr.Think. CSS技术在这里显示!@Mr.Think. xhtml技术在这里显示!@Mr.Think. 原生JS版本 jQuery技术 CSS技术 xhtml技术 jQuery技术在这里显示!@Mr.Think. CSS技术在这里显示!@Mr.
jqyery与网页特效 限制字符输入数功能 <style> /*demo css教程*/ fieldset{border:1px solid #ccc;width:720px} fieldset legend{ background:#a40000; color:#fff;text-align:center; padding:0 8px; margin-left:25px} fieldset form{background:#eee; border:1px solid #ccc;margin:
原生js版和jq版--点击展开/关闭效果 可扩展的简易点击展开/关闭效果,分别用原生网页特效和jquery实现.使用方法及相关解释,请参见源码. 另,授人以鱼,不如授人以渔.我写的只是一个原型,提供一个思路一种方法.注释中我也注明了,如果你想要酷炫的效果,你可以根据自己的实际需求扩展. jquery $(function(){ var $title = $('div.jqdemo');//找到要显示/隐藏的元素 //$title.hide(); //如果你想默认是隐藏状态,可
日常项目中, 对于列表类文章或数据, 大概都会用到checkbox的全选或全不选的功能, 以前的项目中也写过checkbox的选择js, 但都没有整理过. 正好前几天一个兄弟遇到了这个问题, 索性, 我花了点时间, 用原生JS与jQuery分别写了一个版本, 考虑到使用时灵活性问题, 未封装, 需要的童鞋使用时自行改下相关参数. 功能介绍点此查看DEMO演示 1. 全选/全不选 选框一体实现, 即列表中选框的状态与全选/全不选框前的选框状态一致; 2. 自动更改 全选/全不选 选框的状态, 即列
复制代码 代码如下: (function ($) { var PageFunc = function PageFunc() { } $.PageFunc = function (Total, PageSize, curPageNum, FunUrl) { if (PageSize == "" || PageSize == null || PageSize == undefined) { PageSize = 10; } if (curPageNum == "" ||
html代码: 复制代码 代码如下: <div class="details"> <ul class="tab"><li class="on" rel="a1"><b>个人资料</b></li><li rel="a2"><b>帐号维护</b></li><li rel="a3
本文实例分享了原生JS版和jQuery 版实现文件上传功能的例子,供大家参考,具体内容如下 <!doctype html> <html lang="zh"> <head> <meta charset="utf-8"> <title>HTML5 Ajax Uploader</title> <script src="jquery-2.1.1.min.js"></
总的来说思路比较简单,就是先获取节点,然后对节点进行相应的处理,下面是完整的页面代码: 原生js: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>原生js tab</tit
最近迷上了原生js,能不用jquery等框架的情况都会手写一些js方法,记得刚接触前端的时候为了选择器而使用jquery...现在利用扩展原型的方法实现一些jquery函数: 1.显示/隐藏 //hide() Object.prototype.hide = function(){ this.style.display="none"; return this; } //show() Object.prototype.show = function(){ this.style.displa