日记--javascript页面元素切换&复制一个div以及其所有的子元素到另一个div
【jquery】ready()让html开始的时候激活某一个函数ready里可以有多个待机函数如果是一个按钮点击事件的捕捉可以是$(".btn1").click(事件函数)(.控件的id).事件select框事件的捕捉是(.控件的id).事件select框事件的捕捉是(.控件的id).事件select框事件的捕捉是("#选择框的id").on(“change”,事件函数)class设置标签的类,可
【jquery】
ready()让html开始的时候激活某一个函数
ready里可以有多个待机函数
如果是一个按钮点击事件的捕捉可以是$(".btn1").click(事件函数)
(.控件的id).事件select框事件的捕捉是(.控件的id).事件 select框事件的捕捉是(.控件的id).事件select框事件的捕捉是("#选择框的id").on(“change”,事件函数)
class设置标签的类,可以指定元素属于哪个样式的类
id是元素的名称,class是全局属性,id是局部属性
class样式设定是.class名{}
id样式设定是#id名{}
$(document).ready(function() {
$("#search").click(function(){
alert($("#Conv").find('option:selected').text());
alert($("#Conv").find('option:selected').text().search("网络脉冲统计总览"));
if($("#Conv").find('option:selected').text().search("网络脉冲统计总览")!=-1){
$("#statistic").show();
}else{
$("#statistic").hide();
}
});
});
statistic是一个div的id,search是一个button的id,Conv是一个select的id,$("#Conv").find(‘option:selected’).text()获取的是Conv select的当前option值,这个函数可以实现在option选择了“网络脉冲统计总览”选项时显示statistic块,其他选择显示其他块,注意class变量使用.class名,id变量使用#id名
获取输入框的值document.getElementById(“input_neuron”).value
按钮除了可以使用触发事件,也可以不写click在$(document).ready()里一起监听
【搜索字符串关键字】
一般没找到都是-1
indexOf返回的是关键字在字符串首次出现的位置
字符串.indexOf(“关键字”)
search()与indexof用法类似
match()是匹配一个正则表达式,js调用正则表达式非常简单RegExp(正则表达式即可)一般是
字符串.match(RegExp())
正则表达式的另一个用法是RegExp(正则表达式).test(字符串),返回的是true或false
exec()也是检测正则表达式,返回的是匹配到的数组或者null
【提示框】
普通的是alert
prompt是可以输入的提示框,返回用户输入的字符串
confirm是可以选择的提示框,选确定返回true,选取消返回false
【select里option数值的选取】
获取选中的值
$("#mySelect option:selected").text()
$("#mySelect").find('option:selected').text()
$("#mySelect").val();
获取选中的索引
$("#mySelect").get(0).selectedindex
添加option
$("#mySelect").append(""+text+"");
删除option
$("#myOption").remove()
【复制一个div以及其所有的子元素到另一个div】
注意使用class变量和id变量的区别,id变量每次只复制一个,class会有累加效果,1,2,4这种倍增
把id为single_chip的div直接复制添加给id为all_chip的div元素
$("#single_chip").clone().appendTo("#all_chip");
更多推荐
所有评论(0)