宝哥软件园

JQuery属性操作与循环用法示例

编辑:宝哥软件园 来源:互联网 时间:2021-08-24

本文实例讲述了框架属性操作与循环用法。分享给大家供大家参考,具体如下:

取出或者设置超文本标记语言内容

var $htm=$('#div ').超文本标记语言取出$('#div ').html('span文字/span’)设置

取出或者设置某个属性的值

var $src=$('#img1 ').道具(“src”)取出$('#img1 ').道具({src:'test.jpg ',alt:'test Image'})设置

设置a标签的属性

跳转到百度的链接

!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title/title script src=' http :http://libs。百度。com/jquery/2。0 .0/jquery。量滴js '/script脚本类型=' text/JavaScript ' $(function(){ var $ a=$().链接');控制台。log($ a . prop(' class '));/*没有设置的属性要是读的话会读为空*/$ a . prop({ href : ' http://www .百度。' com ',标题: '百度'});/*设置属性*/})/script/head body a href=' # ' rel='外部no follow ' class=' link '这是一个a标签/a/body/htmlJQuery的循环

对框架选择的对象集合分别进行操作,需要用到框架循环操作,此时可以用到每个方法

$(function(){ $(').列表李' .每个(函数{ $(这个)).html(i) })})得到目录类下面的每一个李,赋值加上我。

!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title/title script src=' http :http://libs。百度。com/jquery/2。0 .0/jquery。量滴js '/script脚本类型=' text/JavaScript ' $(function(){ var $ Li=$().列表李’);$li。每个(函数(索引){ //$(这个).css() if($(this).索引()%2==0){ $(this).CSS({背景色: '金色' });} })})))/脚本/流浆器类=' list ' li1/Li Li 2/Li Li/Li Li 4/Li Li 5/Li Li 6/Li Li 7/Li Li 8/Li/ul/body/html各行换色。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于框架相关内容感兴趣的读者可查看本站专题: 《jQuery常见事件用法与技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery操作json数据技巧汇总》 、 《jQuery扩展技巧总结》 、 《jQuery常见经典特效汇总》 及《jquery选择器用法总结》

希望本文所述对大家框架程序设计有所帮助。

更多资讯
游戏推荐
更多+