定义如下JS函数，然后DIV触发onclick
事件就OK。
function
CopyUrl()
{
var
htm
=
documentgetElementById("yourdiv")innerHTML;
windowclipboardDatasetData('text',
htm);
}
yourdiv
就是你的div的ID
jquery中获取当前页的tbody代码如下：
$('#TableID')find('tbody')注：TableID 为table 的ID。
jquery中获取当前dom元素的子元素的方法有很多，常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素，find()方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。
工具原料：jQuery、编辑器、浏览器
一、使用children()方法获得子元素
1、使用该方法获取子元素并设置子元素的字体为蓝色，代码如下：
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<style>
body { font-size:16px; font-weight:bolder; }
p { margin:5px 0; }
</style>
</head>
<body>
<div>
<span>Hello</span>
<p class="selected">Hello Again</p>
<div class="selected">And Again</div>
<p>And One Last Time</p>
</div>
<script>$("div")children("selected")css("color", "blue");</script>
</body>
</html>
2、运行的效果如下图：
二、使用find()方法获取子元素
1、使用fand()方法获取子元素并且进行选择器的筛选，代码如下图：
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
</head>
<body>
<p><span>Hello</span>, how are you</p>
<p>Me I'm <span>good</span></p>
<script>
$("p")find("span")css('color','red');
</script>
</body>
</html>
2、运行的结果如下图：
this就是原生的js，获取当前对象。你这里$()方法不过把它构造成了jquery对象而已。
继承结构比较复杂多样，
简单来说就是把父类的实例赋给子类的原型。
介绍最经典的一种继承方式
寄生组合式继承:
//父类
function SuperType(name){
thisname = name;
thiscolors = ["red","blue"];
}
//父类原型添加方法
SuperTypeprototypesayName = function(){
alert(thisname);
}
//子类
function SubType(name,age){
Supercall(this,name);//这里等于说用call函数去偷父类的实例属性
thisage = age;
}
inheritPrototype(SubType,SuperType);
//这里注意，给子类的原型添加属性要在继承之后，一面被覆盖
SubTypeprototypesayAge = function(){
alert(thisage);
};
//下面这个函数的作用是将父类的实例拿给子类的原型
//，并且把子类丢给原型的构造函数
function inheritPrototype(subType,superType){
var prototype = object(superTypeprototype);//这个方法是拷贝一个父类的实例
prototypeconstructor = subType;
subTypeprototype = prototype;
}
//拷贝一个父类的原型作用是避免在子类的原型中创建多余的属性
function object(superPrototype){
function F(){};
Fprototype = superPrototype;
return new F();
}
PS:原生js没学好，框架不能精通的。
PS的PS:楼主给分
colNames=$("#UsersGrid")jqGrid('getGridParam','colNames')colModel=$("#UsersGrid")jqGrid('getGridParam','colModel') 楼主去学下调试工具，firebug或者chrome的开发工具，看结构就知道了
1、通过编辑器写上html页面代码，一个下拉选择框，，一个按钮，引入jq文件。
2、查看HTML显示效果，一个下拉选择框，一个按钮。
3、通过jq代码$("select option:selected")获取选中的值，现在通过点击按钮获取选中的值。
4、查看选取的值对不对。
5、编写html界面，（多个select下拉框，一个按钮，获取属性值的jq代码）。
6、查看结果多个结果是否正确。
什么是outerHTML
outerHTML，中文意为图例分析，用于获取元素内的html内容和文本。
与JQ的$()html()所不同的是，jQueryhtml() 是获取当前节点下的html代码，并不包含当前节点本身的代码。而outerHTML则包含本身的代码
例HTML：
<p id="testid"><span>这是一段Html代码</span></p>它的html()为：
<span>这是一段Html代码</span>而有时候回需要包含当前节点的代码，所以就用到了outerHTML，也就是
<p id="testid"><span>这是一段Html代码</span></p>如何使用jQuery获取outerHTML
原生的JS Dom中有一个内置属性叫做：outerHTML (注意大小写敏感)获取包含当前节点的HTML代码。所以可以用JQ中的prop()获取，以上文代码为例
$('#testid')prop("outerHTML")完整代码示例
<script src="<p id="testid"><span>这是一段Html代码</span></p>
<script type="text/javascript">
consolelog("节点内的HTML代码\n"+$('#testid')html());
consolelog("包含节点的HTML代码\n"+$('#testid')prop("outerHTML"));
</script>
以上就是关于js、jq实现获取当前页面光标选中的一段文本，然后复制到剪切板全部的内容，包括:js、jq实现获取当前页面光标选中的一段文本，然后复制到剪切板、jquery中怎么获取当前页的tbody、jquery中如何获取当前DOM对象里的子元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）