Jquery基础
橘九。
进击的小白
展开
-
Jquery基础12_Ajax案例
$(function(){ //给提交按钮绑定一个点击事件 $("dl").click(function(){ //获取账号密码 var user = $("#username").val(); var pwd = $("#password").val(); $.ajax({ type:'post', url:"/login", data:{"user"...原创 2019-10-29 23:06:06 · 119 阅读 · 0 评论 -
Jquery基础11_Ajax简介
1.什么是Ajax?AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。2、为什么要使用Ajax?这儿我们可以说到Ajax的优点之一:它可以在不刷新整个...原创 2019-10-29 17:57:55 · 1083 阅读 · 0 评论 -
Jquery基础10_效果函数
效果函数方法 描述//常用hide() 隐藏被选的元素show() 显示被选的元素toggle() 对被选元素进行隐藏和显示的切换,animate() 对被选元素应用“自定义”的动画fadeIn() 逐渐改变被选元素的不透明度,从隐藏到可见fadeOut() 逐渐改变被选元素的不透明度,从可见到隐藏slideDown() 通过调整高度来滑动显示被选元素slideT...原创 2019-10-29 17:15:20 · 86 阅读 · 0 评论 -
Jquery基础9_事件
什么是事件?页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。实例:在元素上移动鼠标。选取单选按钮点击元素常见 DOM 事件click() // 鼠标单击dblclick() //当双击元素时,会发生 dblclick 事件。change() // 元素改变mouseover() // 鼠标进入(进入...原创 2019-10-29 15:58:28 · 108 阅读 · 0 评论 -
Jquery基础8_操作元素
获取文本内容:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值<!DOCTYPE html><html><head><script type="text/javascript" src="https://ajax.aspnetcdn.co...原创 2019-10-28 18:34:07 · 84 阅读 · 0 评论 -
Jquery基础7_操作类样式
addClass(添加多个类名)removeClass为每个匹配的元素添加指定的类名。//追加一个类名到原有的类名$('div').addClass("box");还可以为匹配的元素添加多个类名$('div').addClass("box box2");//追加多个类名//从所有匹配的元素中删除全部或者指定的类。 //移除指定的类(一个或多个) $('div').removeC...原创 2019-10-28 17:59:40 · 98 阅读 · 0 评论 -
Jquery基础6_操作HTML和DOM属性
操作属性:html属性操作:是对html文档中的属性进行读取,设置和移除操作。比如attr()、removeAttr()DOM属性操作:对DOM元素的属性进行读取,设置和移除操作。比如prop()、removeProp()类样式操作:是指对DOM属性className进行添加,移除操作。比如addClass()、removeClass()、toggleClass()元素值操作:是对DOM...原创 2019-10-28 17:33:37 · 115 阅读 · 0 评论 -
Jquery基础5_绑定事件和案例
给元素绑定click事件,可以用如下方法:$('#btn1').click(function(){ // 内部的this指的是原生对象 // 使用jquery对象用 $(this)})原创 2019-10-24 17:54:38 · 135 阅读 · 0 评论 -
Jquery基础4_操作样式
获取元素样式// 获取div的样式$("div").css("width");$("div").css("color");修改元素样式//设置div的样式$("div").css("width","30px");$("div").css("height","30px");$("div").css({fontSize:"30px",color:"red"});添加或者移除cla...原创 2019-10-24 17:51:58 · 123 阅读 · 0 评论 -
Jquery基础3_选择器
jQuery 选择器jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。jQuery 中所有选择器都以美元符号开头:$()。jquery基本的选择器jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。// id选择器$('...原创 2019-10-23 17:56:52 · 100 阅读 · 0 评论 -
jQuery基础2_语法
jQuery 语法通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。基础语法:$(selector).action()美元符号定义 jQuery选择符(selector)“查询"和"查找” HTML 元素jQuery 的 action() 执行对元素的操...原创 2019-10-23 17:14:42 · 118 阅读 · 0 评论 -
Jquery基础1_介绍和引用
jquery介绍和引用jQuery是目前使用最广泛的javascript函数库。jQuery的版本分为1.x系列和2.x、3.x系列,1.x系列兼容低版本的浏览器,2.x、3.x系列放弃支持低版本浏览器,目前使用最多的是1.x系列的。jquery的口号和愿望 Write Less, Do More(写得少,做得多)功能:HTML 元素选取HTML 元素操作CSS 操作...原创 2019-10-23 16:53:11 · 134 阅读 · 0 评论