怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码,在编写代码时会经常出现下拉的菜单供我们选择,为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
jQuery相关属性与方法和事件编程
1、基本属性操作
•attr(name):获取元素的name属性值
•attr(key,value):设置元素的key属性值为value
•attr(properties):一次为元素设置多个属性,要求参数是一个json对象
•attr(key,fn):使用函数的返回值设置元素的属性
•removeAttr(name):移除元素的name属性
例:divid=’box’>div元素/div>
示例代码:
2、class属性操作
•addClass(class):为元素添加class属性
•removeClass(class):移除元素的class属性
•toggleClass(class):切换class属性,如果元素存在class属性则移除,反之则添加
•hasClass(class):判断一个元素是否具有class属性,返回布尔类型的值
例:divclass=’cls1 cls2 cls3’>div元素/div>
示例代码:
3、css属性操作
•css(name):获取元素的name属性
•css(name,value):设置元素的css属性(name属性,属性值为value)
•css(properties):一次为元素设置多个属性,要求参数是一个对象
例:divstyle=’width:400px; height:200px; background-color:#ff0000’>div元素/div>
示例代码:
4、offset位置操作
•offset() :获取元素的位置,返回json格式的数据,包含left和top两个属性
•offset(coordinates) :设置元素的位置,要求是一个json对象,必须要包含left和top两个属性
示例代码:
5、width与height尺寸操作
•width():获取元素的宽度
•width(value):设置元素的宽度
•height():获取元素的高度
•height(value):设置元素的高度
示例代码:
6、文本/值操作
1)获取与设置元素的内容(一般指的是双标签元素),等价于innerHTML属性
•html()
•html(val)
2)获取与设置表单元素的value值,等价于value属性
•val()
•val(val)
3)获取与设置元素的文本内容(一般指的是双标签元素),等价于innerText属性
•text()
•text(val)
示例代码:
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码,在编写代码时会经常出现下拉的菜单供我们选择,为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大,使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是,可以做一个网站,基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY