jquery

jquery属性操作 


1、html() 取出或设置html内容

 取出html内容

var $htm = $('#div1').html();

 设置html内容

$('#div1').html('添加文字');

2、text() 取出或设置text内容

 取出文本内容

var $htm = $('#div1').text();

设置文本内容

$('#div1').text('添加文字');

3、attr() 取出或设置某个属性的值

取出图片的地址

var $src = $('#img1').attr('src');

 设置图片的地址和alt属性

$('#img1').attr({ src: "test.jpg", alt: "Test Image" });

绑定click事件:

给元素绑定click事件,可以用如下方法:

$('#btn1').click(function(){

    // 内部的this指的是原生对象

    // 使用jquery对象用 $(this)

})


toggle() 依次展示或隐藏某个元素

slideDown() 向下展开

slideUp() 向上卷起

slideToggle() 依次展开或卷起某个元素

引入一个外部js 《script type = "tex/javascript" src = "js/javascript--路径.js"》《/script》

innerhtml -- 元素里面包含的内容;

样式用css;用,逗号隔开;


jquery选择器:

jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。

$(document) //选择整个文档对象

$('li') //选择所有的li元素

$('#myId') //选择id为myId的网页元素

$('.myClass') // 选择class为myClass的元素

$('input[name=first]') // 选择name属性等于first的input元素

$('#ul1 li span') //选择id为为ul1元素下的所有li下的span元素

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • jquery介绍 : jQuery是目前使用最广泛的javascript函数库,jquery是一个函数库,一个js...
    末版车阅读 2,817评论 0 0
  • jquery介绍 : jQuery是目前使用最广泛的javascript函数库,jquery是一个函数库,一个js...
    dream_seeker阅读 1,332评论 0 0
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,906评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,214评论 0 2
  • 有时你觉得很累,说明你正在成长 只听自己的想法,说明还年轻气盛 以前不理解的事,现在亲身在做着 没有为什么是我,只...
    产品慕容阅读 929评论 0 0