一:Jquery加载方式:
1:首先页面加载时马上响应JS代码如下运行(不一定要等所有的JS和图片加载完毕,就可以执行方法):
$(document).ready(function(){});
另一种简单写法:
$(function () {})
2:当然有些必须要等到所有元素都加载完才可以执行JS方法,可以如下面这种写法:
$(window).load(function() {$("#btn-upload").click(function(){ uploadPhotos();});});
3:还有一种是DOM元素加载之前执行Jquery代码:
二:常见属性.html()、.text()、.val()用法:
1:读值
.html()用为读取和修改元素的HTML标签[.html()方法使用在多个元素上时,只读取第一个元素]; .text()用来读取或修改元素的纯文本内容[.text()方法不能使用在表单元素上,应用在多个元素上时,将会读取所有选中元素的文本内容], .val()用来读取或修改表单元素的value值[val()是用来读取表单元素的"value"值,比如读取Div的val()则为空,只能使用在表单元素上,只能读取第一个表单元素的"value"值]。
实例:
踏浪帅空间(www.cnblogs.com/wujy)带html标签
$("#My_Div").text();-->踏浪帅空间(www.cnblogs.com/wujy)$("#My_TwDiv").html();-->带html标签
$("#My_Div").val();-->(为空)$("#My_input").val();-->踏浪帅
2:写值 .text([val|fn])、.html([val|fn])、.val([val|fn|arr])其中参数val为常量,fn为方法,arr则为数组
2.1 实例.text([val|fn])
$(function () {$("#My_Div").text("这边是text()");$("#My_TwDiv").text(function (n) { return "这是第一个DIV" + n });})
2.2 实例.html([val|fn])
$(function () {$("#My_Div").html("这边是Html()
");$("#My_TwDiv").html(function (n) { return "这是第一个html" + n });})
2.3 实例.val([val|fn|arr])
2.3.1 val设定文本框的值
html: $(function () {$("#My_input").val("踏浪帅");})
2.3.2 fn设定文本框的值
$('input:text.items').val(function() { return this.value + ' ' + this.className;});
2.3.3 arr设定一个select和一个多选的select的值
check1 check2 radio1 radio2$("#single").val("Single2"); //单选框选中$("#multiple").val(["Multiple2", "Multiple3"]); //复选框两个选中$("input").val(["check2", "radio1"]); //value等于check2跟radio1为选中状态
最近有个妹子弄的一个关于扩大眼界跟内含的订阅号,每天都会更新一些深度内容,在这里如果你感兴趣也可以关注一下(嘿对美女跟知识感兴趣),当然可以关注后输入:github 会有我的微信号,如果有问题你也可以在那找到我;当然不感兴趣无视此信息;