<h1>通过学习《精彩绝伦的jQuery》与W3C,大致了解JQuery的一些方法。</h1>

  PS:需要有一些前置条件,比如JQuery源代码,比如html就要有如下代码

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="jquery-1.7.2.min.js"></script>
<script src="jS.js"></script>
</head>
<body> </body>
</html>

于是在实例一些例子后,开始了自己学一下自己 的想法

  1. 如何通过JQ给HTML添加对象? 答:可以用prepend如:<div>,<img>,...。

    $(document).ready(function(){ $('body').prepend("<button>添加</button>"); //添加button });

    这条是用来给<body>添加一个<button>标签

  2. 如何给标签具有点击事件的效果? 答:可以用click()
     $(document).ready(function(){
    $('body').prepend("<button>添加</button>"); //添加button
    $('button').click(function(){ //点击button触发事件
    $('body').append("<p>就是这样的!</p>"); //在body的后面添加文字
    });
    }); //点击按钮添加文字

    这段,就有1的方法上添加function(){}的方法。

  3. 如何用纯jQuery来写html,添加<div> ,添加class属性。
     /*$(function(){
    $('body').append("<div id='red-bird'>R</div>" +
    "<div id='buld-bird'>Q</div>" +
    "<div id='green-bird'>W</div>" +
    "<div id='black-bird'>E</div>");
    $('div[id$="bird"]').addClass('b');
    $('.b').css( {"border": "1px",
    "solid":"#ccc",
    "width": "200px",
    "margin": "5px",
    "backgroundColor": "red"
    });
    });
05-07 15:17
查看更多