jQuery笔记
levonmo
关注后端, Java
展开
-
jQuery常用事件的API
目的:对web页面(HTML/JSP)进行事件触发,完成特殊效果的处理window.onload:在浏览器加载web页面时触发,可以写多次onload事件,但后者覆盖前者ready:在浏览器加载web页面时触发,可以写多次ready事件,不会后者覆盖前者,依次从上向下执行,我们常用$(函数)简化 ready和onload同时存在时,二者都会触发执行,ready快于onloadch原创 2017-05-10 20:54:35 · 237 阅读 · 0 评论 -
jQuery常用方法
1. val():获取标签的value属性值,前提是该标签有value属性2. html():获取标签之间的内容,不能用运于xml文件3. text():获取标签之间的内容,可以用运于html/jsp和xml文件,(提倡)4. css():加key-value形成的css样式5. addClass():加已经定义好的一个css样式6. size():获取jQuery对象/数组中原创 2017-05-10 10:59:34 · 240 阅读 · 0 评论 -
jQuery定位html元素,通过(id,标签名,样式名)
.oneClass { font-size: 44px; color: red } 这是div中的内容 //通过id进行定位 alert($("#usernameID").val()); //通过"标签名"定位 alert($("input").val()); //通过"样式名"定位 alert($(".oneClass").html());原创 2017-05-10 09:24:07 · 2295 阅读 · 0 评论 -
创建jQuery对象,js对象转jQuery对象
1.//导入jQuery库哈哈 //取得标签中的value属性的内容 //js方式 var inputEle = document.getElementById("inputID"); var input = inputEle.value; alert(input); //jQuery方式 var $input = $("#inputID"); var i原创 2017-05-10 08:57:12 · 714 阅读 · 0 评论 -
模拟jQuery库,实现图片的隐藏和显
1.jsp function $(str) { document.getElementById(str).onclick = function() { var img = document.images[0]; if ("hide" == str) { img.style.visibility = "hidden"; } if ("原创 2017-05-09 19:59:38 · 312 阅读 · 0 评论 -
jQuery常用的ajax-api-$.post()/$.get()方法
$.get(url,sendData,function(backData,textStatus,ajax){... ...})$.post(url,sendData,function(backData,textStatus,ajax){... ...})注意:使用get或post方法时,自动进行编码,无需手工编码以检查注册用户名是否存在为例jsp原创 2017-05-11 17:55:14 · 520 阅读 · 0 评论 -
jQuery常用的ajax-api-$.ajax()方法
$.ajax({ //这里是以键值对的形式,key的值不能乱写 type : "POST", url : "${pageContext.request.contextPath}/servlet/UserServlet", data : {"username":username},//必须是以json格式的数据 success:function(backData){ $("span"原创 2017-05-11 18:47:00 · 425 阅读 · 0 评论 -
jQuery中ajax中sendData自动生成JSON格式的文本
jQuery对象.serialize() 作用:自动生成JSON格式的文本注意:为每个jQuery对象设置一个name属性,因为name属性会被认为请求参数名注意:必须用标签元素适用:如果属性过多,强烈推荐采用这个API $(":button").click(function(){ var username = $(":text").val(); v原创 2017-05-11 18:04:48 · 1319 阅读 · 0 评论 -
jQuery常用的ajax-api-load()方法
load()方法形式:jQuery对象.load(url, sendData, function(backData, textStatus, ajax){... ...}))load()方法参数解释:第一个参数:请求的url第二个参数:以json文本书写的发送的参数,例如:sendData = {"user.name":"jack","user.pa原创 2017-05-11 11:04:18 · 631 阅读 · 0 评论 -
jQuery九类选择器
终极目的:通过选择器,能定位web页面中的任何标签1.基本选择器div1div2spanp //1)查找ID为"div1ID"的元素 $("#div1ID")//2)查找标签为DIV的元素$("div")//3)查找所有样式是"myClass"的元素$(".myClass")//4)查找所有标签为DIV,SPAN,P元素$("div,span,p")//原创 2017-05-10 09:51:24 · 262 阅读 · 0 评论