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);
    }});
  });
});