jquery方法,jquery方法中给html添加属性
JQuery如何实现点击查看更多，显示更多内容
1、新建一个html文件，命名为test.html。
2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。
3、在test.html文件内，在p标签内，使用button标签创建一个按钮，按钮名称为“按钮”。
4、在test.html文件内，设置button标签的id为mybtn，主要用于下面通过该id获得button对象。
5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行btnfun（）函数。
6、在js标签中，创建btnfun()函数，在函数内，通过id(mybtn)获得button对象，使用attr()方法将disabled属性设置为disabled，让按钮变成不可用状态即可。
jQuery的使用方法
使用步骤如下：
1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2.然后我们来开始编辑HTML界面代码。
3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码
jQuery常用属性和方法有哪些
属性：
获得标签：$("#id")
获得标签内的代码：.html()
获得标签内的文本：.text()
修改标签内的代码：.html("内容");
修改标签内的文本：.html("内容");
获得标签属性：.attr("属性");
修改标签属性：attr("属性","属性值");
添加样式：addClass("样式名");
动态切换样式：toggleClass("样式名");
获取样式：css
添加元素：append("元素");
移去元素：.remove();
清空节点： .empty();
获取第二个li节点： var $li=$("ul li:eq(1)");
获取第二个li节点的文本内容： var li_txt=$
方法：
一：插入节点：
append() 向每个匹配的元素文本内部的后面追加内容
eg：p我想说：/p
代码：
?$("p").append("b你好/b");
结果为：p我想说：b你好/b/p
appendto() 将所有的匹配的元素追加到指定的元素中。实际上，使用该方法是颠倒了常规的$(A).append(B)的操作，即不是B追加到A中，而是将A追加到B文本的后面中。
eg：p我想说：/p
代码：
$("b你好/b").appendTo("p");
结果为：p我想说：b你好/b/p
prepend() 向每个匹配的元素文本的内部前置内容。
eg：p我想说：/p
代码：
$("p").prepend("b你好/b");
结果为：pb你好/b我想说：/p
prependto() 将所有的匹配的元素前置到指定的元素中。实际上，使用该方法是颠倒了常规的$(A).append(B)的操作，即不是B前置到A中，而是将A前置到B中
eg：p我想说：/p
代码：
$("b你好/b").prependto("p");
结果为：pb你好/b我想说：/p
after() 向每个匹配的元素之后插入内容 。
eg：p我想说：/p
代码：
$("p").after("b你好/b");
结果为：p我想说：b你好/b/p
insertAfter 将所有的匹配的元素插入到指定的元素后面。实际上，使用该方法是颠倒了常规的$(A).append(B)的操作，即不是B插入到A后面，而是将A插入到B后面。
eg：p我想说：/p
代码：
$("b你好/b").after("p");
结果为：p我想说：b你好/b/p
before() 在每个匹配的元素之前插入内容
eg：p我想说：/p
代码：
$("b你好/b").after("p");
结果为：p我想说：b你好/b/p
insertBefore():将A标签插入到B标签的前面
二：删除：
①remove 该节点所包含的所有的后代节点将同时被删除 也可以通过参数来选择
②empty 清空节点，它能清空元素中的所有后代节点
三：替换节点：
①replaceWith() 作用是将所有匹配的元素都替换成指定的HTML或DOM元素
②replaceAll()
四：包裹节点:
①warp() 作用是是将所有元素进行单独包裹
②warpAll() 作用元素的是所有匹配的元素用一个元素来包裹
③warpinner() 作用是将每一个的子内容（包括文本节点）用其他结构化的标记包裹起来
五：设置和获取HTML、文本值
1、html()：
2、text
3、val
六：遍历节点
1、children（）： 取得匹配元素的子元素
2、next（）：取得匹配元素后面紧邻的同辈元素
3、prev（）：取得匹配元素前面紧邻的同辈元素
4、siblings（）：取得匹配元素前后所有的同辈元素
5、closest（）：取得最近的匹配元素
七：css-dom
css 获取样式的属性
offset（）
position
scroll
scrollLeft
样式操作：
1：获取样式和设置样式 attr
eg：p class="myClass" title="选择你最喜欢的水果"你最喜欢的水果是？/p
获取样式： var p_class=$("p").attr("class");
设置样式：$("p").attr("class","high");
2：追加样式 addClass
style
.high{
font-weight:bold?? 粗体字
color:red????????? 字体颜色
}
.another{
font-weight:italic?? 斜体字
color:blue?????????? 字体颜色
}
/style
追加样式：
?$("input:eq(2)").click(function(){$("p".addClass("another"))})
☆在css中有以下规定：
①如果给一个元素添加了多个class值，那么就相当于合并了他们的样式
②如果不同的class设置了同一样式，则后者覆盖前者
addClass????????????????????????????????????? attr
对同一个网页元素进行操作???????? ptest/p???????????????????????????????? ptest/p
第一次使用??????????????????????? $"p".addClass("high");?????????????????? $"p".attr("class","high");
第一次结果??????????????????????? p class="high"test/p??????????????????? p class="high"test/p???
再次使用????????????????????????? $"p".addClass("another");???????????????? $"p".attr("class","another");
最终结果????????????????????????? p class="high another"test/p???????????? p class="another"test/p
3：移除样式 removeClass
p class="high another"test/p?
移除一个：$"p".removeClass("high");
移除二个：$"p".removeClass("high").removeClass("another");==$"p".removeClass("high another")
移除全部：$"p".removeClass();
4：切换样式 toggle
5：判断是否含有摸个样式 hasClass
可以用来判断元素中是否含有某个class，如果有返回true否则返回false
如何为jquery添加方法
为jquery添加方法：
$.fn.my_alert?=?function(msg)?{
????$(this).on('click',function(){
????????alert(msg);
????})
}
div?class="btns"
????button点我弹窗/button
/div
script
????$('.btns?button').my_alert('Alert')
/script
使用? $.fn.[方法名]。可以开发可复用的插件和组件
如何使用jQuery将元素移动到另一个元素中？
想要使用jQuery将元素移动到另一个元素中，可以使用jQuery的内置方法append()或prepend()。下面本篇文章就来给大家介绍一下，希望对大家有所帮助。
方法1：使用append()方法
jQuery的append()方法用于在所选元素的末尾插入一些内容。
语法：
参数： 此方法接受上述两个参数
● content：它是必需参数，用于指定要在所选元素末尾插入的内容。content的可能值是HTML元素，jQuery对象和DOM元素。
● function（index，html）：它是可选参数，用于指定将返回要插入的内容的函数。
● index：用于返回元素的索引位置。
● html：用于返回所选元素的当前HTML。
示例：
效果图：
方法2：使用prepend()方法
prepend()方法是jQuery中的内置方法，用于在所选元素的开头插入指定的内容。
语法：
参数： 此方法接受上述两个参数
● content：需要参数，用于指定需要插入的内容。
● function：可选参数，用于指定调用后执行的函数。
示例：
效果图：
更多 前端开发 知识，请查阅 HTML中文网 ！！