jquery基本操作

标签：cte   height   元素   text   seo   ted   选中   列表   ons   

1.css样式操作

1)获取样式 $(‘div‘).css(‘width‘));

2)获取某元素的多个样式 $(‘div‘).css([‘width‘,‘height‘])

3)修改样式 $(‘div‘).css(‘width‘,‘200px‘);

　　　　　　$(‘div‘).css(‘color‘,function (index,value){

　　　　　　　　console.log(index,value);return ‘pink‘;
　　　　　　　　});

4)批量修改样式 $(‘div‘).css({‘color‘:‘pink‘,‘width‘:‘200px‘});

2.value操作

1)获取文本框内容 $(‘input‘).val();

2).获取复选框的选中的内容:console.log($(‘.box:checked‘));

3)设置文本框的值 $(‘.text‘).val("国家");

4)设置复选框的选中 $(‘.box‘).val([1,3]);

5)获取单选框的value值 $(‘.s:checked‘).val();

6)设置单选框的value值 $(‘.s‘).val([‘c‘]);

7)获取下拉列表的value值 单选 $(‘option:selected‘).val();

　　　　　　　　　　　　多选 $(‘select‘).val()

8)设置下拉列表的value值 $(‘select‘).val([‘E‘,‘A‘]);

3.简单事件操作

1)mouseover

2)mouseout

3)mouseenter()和mouseleave()在穿过子元素的时候不会触发

不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。
// 只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。

jquery基本操作

标签：cte   height   元素   text   seo   ted   选中   列表   ons   

原文地址：http://www.cnblogs.com/ikongXY/p/6012735.html