jquery

作者: 眼前人_249d | 来源:发表于2018-07-25 08:32 被阅读0次

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

      本文链接:https://www.haomeiwen.com/subject/gebumftx.html