jquery图文,jquery笔记
jquery 怎么把很多图文列表一个一个显示,有渐渐出现
css: #showGo{display:none;} js(引入jQuery): setTimeout(function(){ $("#showGo").show("slow"); },3000);
成都创新互联公司于2013年开始,公司以成都做网站、成都网站设计、系统开发、网络推广、文化传媒、企业宣传、平面广告设计等为主要业务,适用行业近百种。服务企业客户上1000家,涉及国内多个省份客户。拥有多年网站建设开发经验。为企业提供专业的网站建设、创意设计、宣传推广等服务。 通过专业的设计、独特的风格,为不同客户提供各种风格的特色服务。
jquery复制对象 点击添加按钮,复制tbody里面除了作者以外所有的tr元素到后面,求大神!
!DOCTYPE HTML
html
head
meta charset="UTF-8" /
titlemain.html/title
style type="text/css"
table {
width: 100%;
border: 1px solid black;
border-collapse: collapse;
}
td,th {
border: 1px solid black;
}
/style
script type="text/javascript" src="jquery-1.8.0.min.js"/script
script type="text/javascript"
$ (function ()
{
var tbody = $ ('tbody');
$ ('#add').click (function ()
{
$ ('tbody tr:not(:contains("作者"))').each (function (i, dom)
{
tbody.append ($ (this).clone ());
});
});
});
/script
/head
body
table
tbody id="picture"
tr
th作者 :/th
td
ul
liinput style="width: 500px;" type="text" name="author[]" class="input-text" size="60" maxlength="200" value="" /
/li
/ul/td
/tr
tr
th图文标题 :/th
td
ul
liinput style="width: 500px;" type="text" name="title[]" class="input-text" size="60" maxlength="200" value="" /
/li
/ul/td
/tr
tr
th阅读原文链接 :/th
td
ul
liinput style="width: 500px;" type="text" name="content_source_url[]" class="input-text" size="60" maxlength="200" value="" /
/li
/ul/td
/tr
tr
th图文内容 :/th
td
ul
litextarea style="width: 500px; b height: 50px;" name="content[]" class="input-text" rows="2" cols="56"/textarea
/li
/ul/td
/tr
tr
th图文图片 :/th
td
ul
liinput type='file' name='pic[]'
/li
/ul/td
/tr
/tbody
/table
div class="bk15"/div
div class="btn"
input type="hidden" name="formhash" value="404446c9a547d166" / input type="button" id="add" name="action" value="添加"
style="visibility: visible; margin-left: 350px; background-color: #004499; border: none; width: 55px; height: 28px; color: #fff; margin-top: 30px;" /
/div
/body
/html
如何用jquery做出点击箭头切换图文的效果
工具:网页调试工具如火狐firebug,还有谷歌自带的前端调试叫什么忘记了,
打开网页,F12 进入调试,查看元素 ,鼠标移上去看就知道了,比如你这张图片在这个网页是这样的img class="ikqb_img" src="" esrc=""
div")中>是什么意思?'>JQuery 的$("#dc>div")中>是什么意思?
$("#dc div")意思为查找id值为dc这个容器中所有的div标签
这个就是一个层级的概念了
$("#dcdiv:first")这个就是说查找id值为dc这个容器中的直接div标签(不包括其他标签内部的div标签)
同时,咱们能看到还有一个:first,这个就是说只定位到第一个div标签上面
div id="dc"
div name="1"/div
div name="2"
div name="3"/div
/div
/div
$("#dc div")要使用这个查找的话,他就能找到name=1 2 3这三个div
$("#dcdiv")要使用这个查找的话,他就能找到name=1 2这两个div
$("#dcdiv:first")要是使用这个查找的话,他就只能找到 name=1的这个div了
您说的$("#dcdiv")或$("#dc=div")这两种方法就是没有的了,
因为在这里不是一个比较运算符,
网站名称:jquery图文,jquery笔记
转载注明:http://scjbc.cn/article/hochco.html