
jQuery随笔
jQuery的那些事
AC小小常
每天进步一点点
展开
-
replace只能替换第一个指定字符的问题处理
在需要替换的字符串前后加上 / 和 /g就可以(注意:需要替换的字符串不能使用引号)if (value) { if (value.indexOf(',') != -1) { value = value.replace(/,/g, "</br>"); }}原创 2022-01-17 11:27:03 · 1408 阅读 · 0 评论 -
清除表单中的数据
$('#表单id').form('clear');原创 2020-09-01 15:14:22 · 503 阅读 · 0 评论 -
jQuery判断元素是否存在
第一种方法:很多人一开始容易直接判断 if($(’#elementId’)),然而它的返回值一定为True只是为标签找不到为nullif($('#elementId').length > 0){ alert("标签存在");}第二种方法:var obj = document.getElementById('elementId');if(obj){ alert("标签存在")...原创 2020-05-06 16:29:50 · 1120 阅读 · 0 评论 -
ajax参数详解
1. url:要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.data:要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换,可以查看processData选项。对象必须为key/value格式,例如{foo1:“bar1”,foo2:“bar2”}转换为&...原创 2020-01-15 09:45:18 · 1036 阅读 · 0 评论 -
jQuery中的事件与动画
1. 分类基础事件window事件鼠标事件键盘事件表单事件复合事件鼠标光标悬停鼠标连续点击2. 鼠标事件click():点击mouseover():移入mouseout():移出3. 键盘事件keydown():按下keyup():释放keypress():产生可打印的字符举例:按下回车键$(selector).keydown(funct...原创 2020-01-14 16:30:56 · 93 阅读 · 0 评论 -
jQuery选择器
1. 分类类选择器基本选择器层次选择器属性选择器过滤选择器基本过滤选择器可见性过滤选择器2. 基本选择器标签选择器:element类选择器:.classID选择器:#id并集选择器:selector1,selector2,…,selectorn交集选择器:element.class或element#id(eg:$(“h2.title”))全局选择器:*...原创 2020-01-14 11:59:04 · 104 阅读 · 0 评论 -
DOM对象与jQuery对象之间的相互转换
1. DOM对象转jQuery对象var txtName = document.getElementById("txtName");var $txtName = $(txtName);注意:jQuery对象命名一般约定以"$"开头2. jQuery对象转DOM对象var $txtName = $("#txtName");//jQuery对象是类似数组的对象var txtName = ...原创 2020-01-10 18:14:30 · 162 阅读 · 0 评论 -
jQuery语法与代码风格
1. jQuery语法结构$(selector).action();解释:工厂函数$():将DOM对象转化为jQuery对象选择器selector:获取需要操作的DOM元素方法action():jQuery提供的方法其中包括绑定事件处理的办法eg:$("#current").addClass("current");2. jQuery代码风格“$”等同于“jQuery”...原创 2020-01-10 18:04:11 · 288 阅读 · 0 评论 -
JavaScript和jQuery加载页面的异同
window.onload$(document).ready()执行时机等待网页中所有内容加载完毕后(包括图片、视频等)才能执行所有DOM文档结构绘制完毕后立刻执行编写个数同一个页面不能同时编写多个同一个页面可以同时编写多个简化代码无$(function(){//代码});...原创 2020-01-10 15:18:53 · 181 阅读 · 0 评论 -
初识jQuery
1. jQuery简介由美国人John Resig于2006年创建是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装设计思想:write less,do more2.jQuery能做什么访问和操作DOM元素控制页面样式对页面时间进行处理扩展新的jQuery插件与Ajax技术完美结合3.jQuery的优势体积小,压缩后只有10kb左右...原创 2020-01-10 14:54:01 · 131 阅读 · 0 评论