前端基础 jQuery
前端基础之jquery
一 jQuery是什么? 这篇博客一半是复制粘贴别人的,一半是我自己写的,忘记是复制谁的了,如果侵权请联系我删除, [1] jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team。 [2] jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——W
日期 2023-06-12 10:48:40前端基础之jQuery
jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb,
日期 2023-06-12 10:48:40前端基础 jQuery
一 jQuery是什么 jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team。 jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! 它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器
日期 2023-06-12 10:48:40前端基础 - JQuery自定义校验器
JQuery自定义校验器 自定义校验器: $.validator.addMethod("校验器的名称",function(value,ele,param){ value:用户录入的值
日期 2023-06-12 10:48:40前端基础 - JQuery 简单的表单校验器
JQuery 简单的表单校验器 需求及导入步骤 导入jquery.js文件导入jquery-validate.js文件(jquery的校验器插件)导入messages_zh.js国际化文件对表
日期 2023-06-12 10:48:40前端基础 - JQuery事件切换(原来还有这种写法)
JQuery事件切换 效果图: 代码: <!DOCTYPE html> <html> <head> <meta charset=
日期 2023-06-12 10:48:40前端基础 - JQuery实现左右选中
JQuery实现左右选中 效果: 代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
日期 2023-06-12 10:48:40前端基础 - JQuery实现省级联动
JQuery实现省级联动 效果图: 代码: <!DOCTYPE html> <html> <head> <meta charset=
日期 2023-06-12 10:48:40前端基础 -JQuery 删除节点
JQuery 删除节点 删除节点有两个关键字:empty 清空、remove:移除 案例: <!DOCTYPE HTML PUBLIC "-//W3C//DTD
日期 2023-06-12 10:48:40前端基础 -JQuery 插入节点
JQuery 插入节点 两种方式 内部插入: append: a.append( c ) 把c插入到a内部的后面 prepend: a.prepend( c ) 把c插入到a内部的前面 appendTo:
日期 2023-06-12 10:48:40前端基础 -JQuery之val,text,html
JQuery 里val,text,html的使用与区别 介绍: .html()用为读取和修改元素的HTML标签 对应js中的innerHTML .html()是用来读取元素的HT
日期 2023-06-12 10:48:40前端基础 -JQuery之遍历
JQuery遍历 两种遍历方式: jquery对象.each(function(index,ele){ //this 遍历后的结果 js对象 //ele 遍历后的结果 js对象
日期 2023-06-12 10:48:40前端基础 -JQuery之 对属性的操作
JQuery属性操作 jquery对属性的操作: jquery对象.attr() 获取:jquery对象.attr(“属性名”) 赋值:jquery对象.attr(“属性名”,
日期 2023-06-12 10:48:40前端基础 -JQuery之 对样式的操作
JQuery对样式的操作 格式: jquery对象.css() 获取:jquery对象.css(“属性名”) 赋值:query对象.css(“属性名”,“属性值”) 对多个cs
日期 2023-06-12 10:48:40前端基础 -JQuery之 表单选择器
JQuery之 表单选择器 关键字: :input 只要是form的子标签 就会被选中input 直选中标签为input的元素 效果图: 代码: <!DOCTYP
日期 2023-06-12 10:48:40前端基础 -JQuery之 属性过滤选择器
JQuery之属性过滤选择器 关键字: [属性][属性=属性值] 效果图: 代码: <!DOCTYPE html PUBLIC "-//W3C//
日期 2023-06-12 10:48:40前端基础 -JQuery之 可见性过滤选择器
JQuery可见性过滤选择器 关键字: :visible 可见:hidden 不可见 效果图: 代码: <!DOCTYPE html PUBLIC "-/
日期 2023-06-12 10:48:40前端基础 -JQuery之 内容过滤选择器
JQuery内容过滤选择器 :has(选择器) 效果图: 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit
日期 2023-06-12 10:48:40前端基础 -JQuery之 基本过滤选择器
JQuery基本过滤选择器 基本过滤选择器: :first 第一个:last 最后一个:even 偶数:odd 奇数:eq() =index:gt() >index:lt() <inde
日期 2023-06-12 10:48:40前端基础 -JQuery之 层次选择器
JQuery层次选择器 层次选择器: a b 选择器a选择的区域里面所有为选择器b的后代元素a>b 选择器a选择的区域里面所有为选择器b的子代元素a+b 选择器a选择器的区域后面第一个为选择器
日期 2023-06-12 10:48:40前端基础 -JQuery之 基本选择器
Jquery之选择器 基本选择器 id: #class: .标签:*:a,b,c 基本选择器案例: 效果图: 代码:
日期 2023-06-12 10:48:40前端基础 -JQuery之 相关效果
JQuery相关效果 显示和隐藏: show([毫秒值]) 显示 hide([毫秒值]) 隐藏 taggle([毫秒值]) 切换 滑入和滑出: slidedown([毫秒值]) 滑入 sli
日期 2023-06-12 10:48:40前端基础 -JQuery之 相关事件
JQuery 事件 jquery事件绑定: js方式: 1通过标签的事件属性进行绑定 2.获取对象 对象.事件属性 = function(){ 函数体 }
日期 2023-06-12 10:48:40前端基础 -JQuery之页面加载
JQuery页面加载 jquery页面加载成功事件: js: onload = function(){}jquery: $(document).ready(function(){})
日期 2023-06-12 10:48:40前端基础 - JQuery简介
JQuery简介 Jquery是什么? 一套跨浏览器的js库 有什么作用? 可以简化html和js之间的操作 如何使用jquery? 使用外联式导入对应的js文件即可
日期 2023-06-12 10:48:40