Jquery学习

Jquery学习

0.学习原因

为了兴趣做一个web版的串口调试助手我是链接，由于缺乏web的基础知识，本着现学现卖的的原则在网上学习了一下jquery，原来jquery不仅可以发起ajax请求（就是为了前端和后端交互才学jquery的），还可以做很多工作。由于初学，总结如下，随时更新。

1.准备工作

在head标签中引用jquery

各种版本的jquery实时更新 例如在head中引入这个

<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>

2.选择器

alert flag为1的div的内容

alert($('div[flag=1]').text());

id为openSerial的button在点击后触发一个alert

$('#openSerial').click(function(){
alert("hello");
});

在showBtn点击之后将所有div的背景都改为yellow，使用属性选择器将flag为1的div的背景改为red，将id为selectDiv的textarea的内容改为flag为2的div的内容。

$('#showBtn').click(function(){
$('div').css("backgroundColor","yellow");
$('div[flag=1]').css("backgroundColor","red");
$('#selectDiv').val($('div[flag=2]').text());
});

3.ajax

$(function()){
$("button").click(function(){
$.ajax({url:"demo_test.txt",success:function(result){
$("#div1").html(result);
}});
});
});