结合javascript对比学，最好去官方网那里下载比较实用的例子来学习，先看例子，然后，自己再动手实践，如果，这样还是不懂得怎样来学习，那你可以通过jquery 帮助文档API或是视频来学习，我相信你一定可以学懂的！
宣州ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联建站的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！
需要先转换pdf，然后用FlexPaper 在页面显示，我正好也在做这个功能，在线预览pdf,doc,xls。顺道给点思路你。
教程供你参考：
这应该是一个自执行函数里面的, $一般表示jquery, doc就是document,也就是当前文档
一般是这么写的
(function ($, doc){
//函数体
})(Jquery, document)
两点
1.既然你用jQuery了，为什么还要用getElementById()来获取元素？况且，获取iframe中元素也没这么麻烦啊
$("#id_iframe").contents().find("#id_button_test");
这不就好了。。
2.你这部分代码是写在a.jsp页面中了吧？那我估计之所以不运行，是因为你注册点击事件的时候，b.jsp页面还没有加载完。所以尽管你调试的时候能输出，但是代码里是注册不上的。把这段代码写在b.jsp的window.onload事件中
使用artDialog，首先的去网站上下载它的相关代码文件，下载下来的文件目录如下：
_doc里面是帮助文档，也就是使用它的api，plugins里面是为了更好的支持iframe框架，提供的js，skins里面是提供的artDialog的各种皮肤文件，你可以再使用的时候随心所欲的使用各种皮肤，其他文件比较重要的是artDialog.js，这个是最主要的文件，jQuery.artDialog.js文件能让你在使用jQuery框架的时候能更好的使用artDialog。
调用的时候引入相关的js文件就可以了。
（1）这是引用artDialog的主要文件,skin就是你需要使用的皮肤
script src="artDialog.js?skin=default"/script
（2）如果你是使用的Jquery框架，则引入jQuery版本的
scriptsrc="jquery.artDialog.js?skin=default"/script
（3）如果你使用了iframe，那么你需要在引入iframeTools.js
scriptsrc="artDialog.iframeTools.js"/script
jQuery 核心函数
jQuery(expr, [context])
jQuery(html, [ownerDoc])
jQuery(elements)
jQuery(callback)
jQuery 对象访问
each(callback)
size()
length
selector
context
get()
get(index)
index(subject)
数据缓存
data(name , [value])
removeData(name)
queue(name ,[cb|queue])
dequeue(name)
插件机制
jQuery.fn.extend(object)
jQuery.extend(object)
多库共存
jQuery.noConflict([extreme])
属性
属性
attr(name)
attr(properties)
attr(key, value)
attr(key, fn)
removeAttr(name)
CSS 类
addClass(class)
removeClass([class])
toggleClass(class [, switch])
HTML代码
html( [val] )
文本
text( [val] )
值
val( [val] )
CSS
CSS
css(name)
css(properties)
css(name, value)
位置
offset()
position()
scrollTop( [val] )
scrollLeft( [val] )
尺寸
height( [val] )
width( [val] )
innerHeight()
innerWidth()
outerHeight(options)
outerWidth(options)
选择器
基本
#id
element
.class
*
selector1,selector2,selectorN
层级
ancestor descendant
parent child
prev + next
prev ~ siblings
基本
:first
:last
:not
:even
:odd
:eq
:gt
:lt
:header
:animated
内容
:contains
:empty
:has
:parent
可见性
:hidden
:visible
属性
[attribute]
[attribute=value]
[attribute!=value]
[attribute^=value]
[attribute$=value]
[attribute*=value]
[attrSel1][attrSel2][attrSelN]
子元素
:nth-child
:first-child
:last-child
:only-child
表单
:input
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden
表单对象属性
:enabled
:disabled
:checked
:selected
文档处理
内部插入
append(content)
appendTo(content)
prepend(content)
prependTo(content)
外部插入
after(content)
before(content)
insertAfter(content)
insertBefore(content)
包裹
wrap(html)
wrap(elem)
wrapAll(html)
wrapAll(elem)
wrapInner(html)
wrapInner(elem)
替换
replaceWith(content)
replaceAll(selector)
删除
empty()
remove([expr])
复制
clone()
clone(true)
筛选
过滤
eq(index)
hasClass(class)
filter(expr)
filter(fn)
is(expr)
map(callback)
not(expr)
slice(start, )
查找
add(expr)
children([expr])
closest([expr])
contents()
find(expr)
next([expr])
nextAll([expr])
offsetParent()
parent([expr])
parents([expr])
prev([expr])
prevAll([expr])
siblings([expr])
串联
andSelf()
end()
事件
页面载入
ready(fn)
事件处理
bind(type, [data], fn)
one(type, [data], fn)
trigger(type, [data])
triggerHandler(type, [data])
unbind([type], [data])
事件委派
live(type, fn)
die([type], [fn])
事件切换
hover(over, out)
toggle(fn, fn2, [fn3, fn4, ...])
事件
blur( [fn] )
change( [fn] )
click( [fn] )
dblclick( [fn] )
error( [fn] )
focus( [fn] )
keydown( [fn] )
keypress( [fn] )
keyup( [fn] )
mousedown(fn)
mousemove(fn)
mouseout(fn)
mouseover(fn)
mouseup(fn)
resize(fn)
scroll(fn)
select( [fn] )
submit( [fn] )
unload(fn)
效果
基本
show()
show(speed, [callback])
hide()
hide(speed, [callback])
toggle()
toggle(switch)
toggle(speed, [callback])
滑动
slideDown(speed, [callback])
slideUp(speed, [callback])
slideToggle(speed, [callback])
淡入淡出
fadeIn(speed, [callback])
fadeOut(speed, [callback])
fadeTo(speed, opacity, [fn])
自定义
animate(param,[dur],[e],[fn])
animate(params, options)
stop([clearQueue], [gotoEnd])
设置
jQuery.fx.off
Ajax
Ajax 请求
$.ajax([options])
load(url, [data], [callback])
$.get(url, [data], [fn], [type])
$.getJSON(url, [data], [fn])
$.getScript(url, [callback])
$.post(url, [data], [fn], [type])
Ajax 事件
ajaxComplete(callback)
ajaxError(callback)
ajaxSend(callback)
ajaxStart(callback)
ajaxStop(callback)
ajaxSuccess(callback)
其它
$.ajaxSetup([options])
serialize()
serializeArray()
工具
浏览器及特性检测
$.support
$.browser
$.browser.version
$.boxModel
数组和对象操作
$.each(object, [callback])
$.extend([d],tgt,obj1,[objN])
$.grep(array, fn, [invert])
$.makeArray(obj)
$.map(array, callback)
$.inArray(value, array)
$.merge(first, second)
$.unique(array)
测试操作
$.isArray(obj)
$.isFunction(obj)
字符串操作
$.trim(str)
URL
$.param(obj)