码迷,mamicode.com
首页 > Web开发 > 详细

jquery 获取及操作元素 (常用)

时间:2017-05-25 14:42:19      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:function   html   元素   logs   jquery   text   style   根据   span   

jquery 获取元素  参考:http://www.w3school.com.cn/jquery/jquery_selectors.asp

1.(1)$(document).ready() -->$()-->$  整个文档

   (2)$("p") $("button") html标签

   (3)$(this) 当前对象

1 $(function(){
2   $("p").click(function(){
3     $(this).hide();
4   });
5 });

  (4)根据id获取对象 $("#divs")

  (5)根据class获取对象 $(".clsdiv")

  (6)根据name获取对象 $("[name=‘sql‘]")

2.操作

  (1)$("[name=‘sql‘]").css({"color" : "gray"});

  (2)

 1 $(document).ready(function(){
 2   $("#btn1").click(function(){
 3     $("#test1").text("Hello world!");
 4   });
 5   $("#btn2").click(function(){
 6     $("#test2").html("<b>Hello world!</b>");
 7   });
 8   $("#btn3").click(function(){
 9     $("#test3").val("Dolly Duck");
10   });
11 });

  (3)attr  

1 $("button").click(function(){
2   $("img").attr("width","180");
3 });
1 $(selector).attr({attribute:value, attribute:value ...})
2 $(selector).attr(attribute,function(index,oldvalue))
3 $(selector).attr(attribute,value)
$(selector).attr(attribute)

 

 

$(".clsdiv")

jquery 获取及操作元素 (常用)

标签:function   html   元素   logs   jquery   text   style   根据   span   

原文地址:http://www.cnblogs.com/loveok-56/p/6903372.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!