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

JQuery

时间:2015-01-24 18:44:36      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:

//基础选择器

//id选择器

$("#my_id").html("哈哈哈");//把id为my_id的元素的html属性设置为哈哈哈

//元素选择器

$("button").attr("disabled","true");//把所有的button按钮设置为不可用

//类选择器

var classname = $(".red").attr("class"); //获取类名为red的元素的class属性的名称 classname的值为red

//*选择器

$("#myid *").html("哈哈哈");//把id为myid的元素下的所有子元素的html属性设置为哈哈哈

//多元素选择器

$(" div,p,#myid,.red").html("哈哈哈"); //把 div p id为myid的元素 类名为.red的元素的html属性都设置为哈哈哈

//层次选择器

$(" #myid p").css("background-color","red"); //把id为myid的元素下的所有的p元素的背景颜色设置为红色

//parent>child选择器

$("#myid > p").css("background-color","red");//把id为myid的元素下的第一级子元素中的p元素的背景颜色设置为红色

//prev+next选择器

$("label + p").css("background-color","red");//把第一个label的同一级次的后面的第一个p元素的背景颜色设置为红色

//prev~next选择器

$("label ~ p").css("background-color","red");//把第一个label的同一级次的后面的所有的p元素的背景颜色设置为红色

 

JQuery

标签:

原文地址:http://www.cnblogs.com/YyuTtian/p/4246225.html

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