您的位置：首页 > Web前端 > JQuery

jquery

2016-05-16 21:42 597 查看 
<body>
<div id="aa" style="">hello</div>
<div class="bb">22</div>
<div class="bb">33</div>
<div class="bb">44</div>
<input type="text" name="cc" bs="dd" />

</body>
<script type="text/javascript">

$(document).ready(function(e) {  //固定格式

//根据ID找元素，找出的JQUERY对象，如果要取DOM对象，取索引0的元素
var jd = $("#aa"); //根据ID
var jc = $(".bb"); //根据Class
var di = $("div"); //根据标签名
var ip = $("input[bs=dd]");//根据属性筛选

for(var i=0;i<jc.length;i++)
{
jc.eq(i); //取数组里面的第几个JQUERY对象
}

//操作内容
//1.非表单元素
jd.text();  jd.text("aa");
jd.html();  jd.html("vv");
//2.表单元素
jd.val();

//属性操作
jd.attr("bs","aa");//设置属性
jd.attr("bs"); //获取属性
jd.removeAttr("bs");//移除属性

//操作样式
jd.css("background-color","green");
//alert(jd.css("width"));

//给一个元素加事件
/*$("#aa").click(function(){

alert("aa");

})*/
//给多个元素加事件
/*$(".bb").click(function(){

alert($(this).text());

})*/

//给多个元素设置相同样式(属性)
//$(".bb").css("color","pink");

});
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航