大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
给自定义的属性赋值只能用attr,1$(selector).attr("datatype","number");//给自定义属性datatype赋值number。
我们提供的服务有:成都做网站、成都网站设计、微信公众号开发、网站优化、网站认证、鼓楼ssl等。为近1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的鼓楼网站制作公司
jQuery简介:
1.jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jouml;rn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
2.由于目前高校基本尚未开JavaScript的相关课程,目前jQuery的学习,使用,研究都仅限于在职Web程序员之间。
3.用jq的前提,首先要引用一个有jq的文件:lt;script type="text/javascript";src=""/script。这个是jquery官方最新的地址。可用在自己网站里加个这个,就能使用jquery了。 但仍然建议下载到本地服务器上。
//类名获取对象
$(".类名")
//ID获取对象
$("#ID")
//标签获取对象
$("标签名")
//有很多方法获取对象 下面就只用类名和 id举例 获取对象的方法 你可以查看w3c
//赋值的话 就要看你赋怎么样的值
//如果是 更改样式那么就是
$('.类名').css({
width: "",
height: ""
})
$('#id').css({
width: "",
height: ""
})
//如果是 改变标签的属性
$(".类名").attr("属性","属性复制")
$("#id").attr("属性","属性复制")
//例如
$(".class").attr("id","idmingzi")
//这样就获得下面的结果
div class="class" id="idmingzi"/div
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:$('#a').val('测试赋值本文');。
3、浏览器运行index.html页面,此时input被成功赋值了“测试赋值文本”。
给自定义的属性赋值只能用attr
$(selector).attr("datatype","number");//给自定义属性datatype赋值number
var anElement = $("#someElement");anElement.attr("anyAttribute","anyValue");// 这段代码可以给ID为someElement的元素增加属性anyAttribute 属性值为anyValue// 属性名字随便写都可以 想写什么都行 如果属性名字存在会修改里面的值 否则就新加属性
jquery操作html标签的方法非常多,小编在这里总结一下。
首先,引入jquery,jquery下载地址在文章末尾的相关链接给出,这是运用jquery的第一步,也是必不可少的一步!
代码如下:
head
script src="jquery.js"/script
/head
当然,你也可以不下载,直接引用。
代码如下:
head
script src="/jquery/1.8.0/jquery.min.js"/script
/head
注意jquery的版本,及时更新。
接下来介绍jquery的第一种操作html标签的方法。
1.操作已经存在的html标签的属性!
这就需要用到一个非常强大的函数attr()
函数写法:
var ss=$("HTML标签的ID").attr("想要获得的属性");
这样准确ID的HTML标签的指定属性的值就会赋给变量ss。
例如:var ss=$("#id").attr("value");
当然还可以给准确ID的HTML标签的指定属性赋值。
函数写法:
$("HTML标签的ID").attr("想要改变的属性","改变的值");
例如:$("#id").attr("class","aaa");
这样可以将ID为"id"的HTML标签的class改为aaa.
利用这个函数更改HTML标签的类或ID,配合样式表可以做出非常炫的动态效果!
贴上样例图:
2.jquery向指定位置添加不存在的HTML标签!
这次需要的函数是append()或appendto()
有很多人搞不起这两个函数的区别,稍后会讲明。
函数写法:
$("HTML标签的ID").append("完整的HTML标签");
例如:$("#id").append("input type='text' value=' ' id='aa' /");
HTML标签的ID是为了定位添加的HTML标签,添加的HTML标签将会出现于指定ID标签的后面!注意控制排版!
贴上样例图:
接下来介绍appendto()的用法以及它和append()的区别!
函数写法:
$("完整的HTML标签").appendto("HTML标签的ID");
例如:$("input type='text' value=' ' id='aa' /").append("#id");
这样也可以达到与append()的相同效果,至于区别,也许你已经发现了,区别就是前后两个括号的内容反过来了,先填写HTML标签,再写指定元素ID。
但是即使这样写,添加的HTML标签仍会出现于指定ID标签的后面!
这个就不贴样例图了。
操作HTML的函数还有很多,比如图中提到的CSS()。
这是操作指定属性的。用attr()也可以做到,所以就不再介绍。
这里贴上一张jquery操作HTML的方法汇总图。